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

package/dist/components/card/card.js

@@ -1,4 +1,5 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
+import { withXhConfig } from "../../config/config.js";
 import { provideCard, useCardContext } from "./context.js";
 import { computed, defineComponent, h } from "vue";
 import { connectCard } from "@xihan-ui/headless";
@@ -18,7 +19,7 @@ const XhCardRoot = defineComponent({
 		segmented: Boolean
 	},
 	setup(props, { slots }) {
-		const api = computed(() => connectCard(props, vueNormalize));
+		const api = computed(() => connectCard(withXhConfig("card", props), vueNormalize));
 		provideCard({ api });
 		return () => h("div", api.value.getRootProps(), slots.default?.());
 	}

package/dist/components/card/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","names":[],"sources":["../../../src/components/card/card.ts"],"sourcesContent":["import type { CardProps, CardVariant } from '@xihan-ui/headless'\nimport type { Size } from '@xihan-ui/kernel'\nimport type { PropType } from 'vue'\nimport { connectCard } from '@xihan-ui/headless'\nimport { computed, defineComponent, h } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { provideCard, useCardContext } from './context'\n\nexport const XhCardRoot = defineComponent({\n  name: 'XhCardRoot',\n  // 有 connect 兜底的 prop 一律 default: undefined\n  props: {\n    variant: { type: String as PropType<CardVariant>, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n    hoverable: Boolean,\n    segmented: Boolean,\n  },\n  setup(props, { slots }) {\n    const api = computed(() => connectCard(props as CardProps, vueNormalize))\n    provideCard({ api })\n    return () => h('div', api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCardCover = defineComponent({\n  name: 'XhCardCover',\n  setup(_, { slots }) {\n    const ctx = useCardContext()\n    return () => h('div', ctx.api.value.getCoverProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCardHeader = defineComponent({\n  name: 'XhCardHeader',\n  setup(_, { slots }) {\n    const ctx = useCardContext()\n    return () => h('div', ctx.api.value.getHeaderProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCardTitle = defineComponent({\n  name: 'XhCardTitle',\n  setup(_, { slots }) {\n    const ctx = useCardContext()\n    return () => h('div', ctx.api.value.getTitleProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCardDescription = defineComponent({\n  name: 'XhCardDescription',\n  setup(_, { slots }) {\n    const ctx = useCardContext()\n    return () => h('div', ctx.api.value.getDescriptionProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCardBody = defineComponent({\n  name: 'XhCardBody',\n  setup(_, { slots }) {\n    const ctx = useCardContext()\n    return () => h('div', ctx.api.value.getBodyProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCardFooter = defineComponent({\n  name: 'XhCardFooter',\n  setup(_, { slots }) {\n    const ctx = useCardContext()\n    return () => h('div', ctx.api.value.getFooterProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;AAQA,MAAa,aAAa,gBAAgB;CACxC,MAAM;CAEN,OAAO;EACL,SAAS;GAAE,MAAM;GAAiC,SAAS,KAAA;EAAU;EACrE,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;EAC3D,WAAW;EACX,WAAW;CACb;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,eAAe,YAAY,OAAoB,YAAY,CAAC;EACxE,YAAY,EAAE,IAAI,CAAC;EACnB,aAAa,EAAE,OAAO,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CAC9F;AACF,CAAC;AAED,MAAa,cAAc,gBAAgB;CACzC,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACnG;AACF,CAAC;AAED,MAAa,eAAe,gBAAgB;CAC1C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,eAAe,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC;AAED,MAAa,cAAc,gBAAgB;CACzC,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACnG;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;AAED,MAAa,aAAa,gBAAgB;CACxC,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CAClG;AACF,CAAC;AAED,MAAa,eAAe,gBAAgB;CAC1C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,eAAe,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC"}
+{"version":3,"file":"card.js","names":[],"sources":["../../../src/components/card/card.ts"],"sourcesContent":["import type { CardProps, CardVariant } from '@xihan-ui/headless'\nimport type { Size } from '@xihan-ui/kernel'\nimport type { PropType } from 'vue'\nimport { connectCard } from '@xihan-ui/headless'\nimport { computed, defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { provideCard, useCardContext } from './context'\n\nexport const XhCardRoot = defineComponent({\n  name: 'XhCardRoot',\n  // 有 connect 兜底的 prop 一律 default: undefined\n  props: {\n    variant: { type: String as PropType<CardVariant>, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n    hoverable: Boolean,\n    segmented: Boolean,\n  },\n  setup(props, { slots }) {\n    const api = computed(() => connectCard(withXhConfig('card', props) as CardProps, vueNormalize))\n    provideCard({ api })\n    return () => h('div', api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCardCover = defineComponent({\n  name: 'XhCardCover',\n  setup(_, { slots }) {\n    const ctx = useCardContext()\n    return () => h('div', ctx.api.value.getCoverProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCardHeader = defineComponent({\n  name: 'XhCardHeader',\n  setup(_, { slots }) {\n    const ctx = useCardContext()\n    return () => h('div', ctx.api.value.getHeaderProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCardTitle = defineComponent({\n  name: 'XhCardTitle',\n  setup(_, { slots }) {\n    const ctx = useCardContext()\n    return () => h('div', ctx.api.value.getTitleProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCardDescription = defineComponent({\n  name: 'XhCardDescription',\n  setup(_, { slots }) {\n    const ctx = useCardContext()\n    return () => h('div', ctx.api.value.getDescriptionProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCardBody = defineComponent({\n  name: 'XhCardBody',\n  setup(_, { slots }) {\n    const ctx = useCardContext()\n    return () => h('div', ctx.api.value.getBodyProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCardFooter = defineComponent({\n  name: 'XhCardFooter',\n  setup(_, { slots }) {\n    const ctx = useCardContext()\n    return () => h('div', ctx.api.value.getFooterProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;;AASA,MAAa,aAAa,gBAAgB;CACxC,MAAM;CAEN,OAAO;EACL,SAAS;GAAE,MAAM;GAAiC,SAAS,KAAA;EAAU;EACrE,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;EAC3D,WAAW;EACX,WAAW;CACb;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,eAAe,YAAY,aAAa,QAAQ,KAAK,GAAgB,YAAY,CAAC;EAC9F,YAAY,EAAE,IAAI,CAAC;EACnB,aAAa,EAAE,OAAO,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CAC9F;AACF,CAAC;AAED,MAAa,cAAc,gBAAgB;CACzC,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACnG;AACF,CAAC;AAED,MAAa,eAAe,gBAAgB;CAC1C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,eAAe,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC;AAED,MAAa,cAAc,gBAAgB;CACzC,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACnG;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;AAED,MAAa,aAAa,gBAAgB;CACxC,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CAClG;AACF,CAAC;AAED,MAAa,eAAe,gBAAgB;CAC1C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,eAAe,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC"}

package/dist/components/card/context.js

@@ -1,6 +1,6 @@
 import { inject, provide } from "vue";
 //#region src/components/card/context.ts
-const KEY = Symbol("xh-card");
+const KEY = Symbol.for("xh-card");
 function provideCard(ctx) {
 	provide(KEY, ctx);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/card/context.ts"],"sourcesContent":["import type { CardApi } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport { inject, provide } from 'vue'\n\nexport interface CardContext {\n  api: ComputedRef<CardApi>\n}\n\nconst KEY: InjectionKey<CardContext> = Symbol('xh-card')\n\nexport function provideCard(ctx: CardContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useCardContext(): CardContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Card 部件必须用在 XhCardRoot 内')\n  return ctx\n}\n"],"mappings":";;AAQA,MAAM,MAAiC,OAAO,SAAS;AAEvD,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/card/context.ts"],"sourcesContent":["import type { CardApi } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport { inject, provide } from 'vue'\n\nexport interface CardContext {\n  api: ComputedRef<CardApi>\n}\n\nconst KEY: InjectionKey<CardContext> = Symbol.for('xh-card')\n\nexport function provideCard(ctx: CardContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useCardContext(): CardContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Card 部件必须用在 XhCardRoot 内')\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"}

package/dist/components/carousel/context.js

@@ -1,6 +1,6 @@
 import { inject, provide } from "vue";
 //#region src/components/carousel/context.ts
-const KEY = Symbol("xh-carousel");
+const KEY = Symbol.for("xh-carousel");
 function provideCarousel(ctx) {
 	provide(KEY, ctx);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/carousel/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { CarouselContext } from './use-carousel'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<CarouselContext> = Symbol('xh-carousel')\n\nexport function provideCarousel(ctx: CarouselContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useCarouselContext(): CarouselContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Carousel 部件必须用在 XhCarouselRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAqC,OAAO,aAAa;AAE/D,SAAgB,gBAAgB,KAA4B;CAC1D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,qBAAsC;CACpD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,uCAAuC;CACzD,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/carousel/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { CarouselContext } from './use-carousel'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<CarouselContext> = Symbol.for('xh-carousel')\n\nexport function provideCarousel(ctx: CarouselContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useCarouselContext(): CarouselContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Carousel 部件必须用在 XhCarouselRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAqC,OAAO,IAAI,aAAa;AAEnE,SAAgB,gBAAgB,KAA4B;CAC1D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,qBAAsC;CACpD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,uCAAuC;CACzD,OAAO;AACT"}

package/dist/components/cascader/cascader.d.ts

@@ -180,11 +180,12 @@ declare const XhCascaderRoot: import("vue").DefineComponent<import("vue").Extrac
   tone: Tone;
   size: Size;
   disabled: boolean;
+  offset: number;
+  translations: Partial<CascaderTranslations>;
   open: boolean;
   defaultOpen: boolean;
-  translations: Partial<CascaderTranslations>;
-  offset: number;
   variant: ControlVariant;
+  separator: string;
   readOnly: boolean;
   loop: boolean;
   checkedStrategy: import("@xihan-ui/behavior").CascadeStrategy | undefined;
@@ -193,7 +194,6 @@ declare const XhCascaderRoot: import("vue").DefineComponent<import("vue").Extrac
   expandTrigger: CascaderExpandTrigger;
   searchable: boolean;
   placeholder: string;
-  separator: string;
   placement: Placement;
 }, SlotsType<{
   default?: (props: CascaderRootSlotProps) => VNode[];
@@ -201,6 +201,9 @@ declare const XhCascaderRoot: import("vue").DefineComponent<import("vue").Extrac
 declare const XhCascaderLabel: 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 XhCascaderControl: 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 XhCascaderTrigger: 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>;
@@ -264,5 +267,5 @@ declare const XhCascaderItemIndicator: import("vue").DefineComponent<{}, () => V
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
-export { CascaderRootSlotProps, CascaderSearchListItemSlotProps, XhCascaderClearTrigger, XhCascaderColumn, XhCascaderContent, XhCascaderIndicator, XhCascaderInput, XhCascaderItem, XhCascaderItemIndicator, XhCascaderItemText, XhCascaderLabel, XhCascaderPositioner, XhCascaderRoot, XhCascaderSearchList, XhCascaderTrigger, XhCascaderValueText };
+export { CascaderRootSlotProps, CascaderSearchListItemSlotProps, XhCascaderClearTrigger, XhCascaderColumn, XhCascaderContent, XhCascaderControl, XhCascaderIndicator, XhCascaderInput, XhCascaderItem, XhCascaderItemIndicator, XhCascaderItemText, XhCascaderLabel, XhCascaderPositioner, XhCascaderRoot, XhCascaderSearchList, XhCascaderTrigger, XhCascaderValueText };
 //# sourceMappingURL=cascader.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"cascader.d.ts","names":[],"sources":["../../../src/components/cascader/cascader.ts"],"mappings":";;;;;KAmBK,gBAAgB;;KAiCT,wBAAwB,KAClC;cAqBW,8BAAc,8BAAA;;IAIM,MAAA,SAAS;;;;IACd,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;;;;;;IAGP,MAAA,SAAS;;;;;;;;;;;IAKP,MAAA,SAAS;;;;;;;IAIZ,MAAA,SAAS,QAAQ;;;;IACtB,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;;;;;;;IAGJ,MAAA,SAAS;;;;;;;;;;;;IAGf,MAAA,SAAS;;;;;;EAIL,iBAAA,UAAA,UAAU;EACX,gBAAA,UAAA,UAAU;EACX,iBAAA,QAAA,UAAU;EACZ,gBAAA,OAAA,UAAU;;;IA9BJ,MAAA,SAAS;;;;IACd,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;;;;;;IAGP,MAAA,SAAS;;;;;;;;;;;IAKP,MAAA,SAAS;;;;;;;IAIZ,MAAA,SAAS,QAAQ;;;;IACtB,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;;;;;;;IAGJ,MAAA,SAAS;;;;;;;;;;;;IAGf,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUtB,WAAC,OAAO,0BAA0B;kCAuC9C;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAM1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAS5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAW9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAMjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAS/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAqB5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAO1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;UAGe;EACf,QAAQ;;cAGG,oCAAoB,0BAAA,oBAAA,4BAAA;;;EAGtB,QAAC,OAAO,oCAAoC;kCAarD;cAEW,gCAAgB,8BAAA;;IAIU,MAAA;;;;;;;IAAA,MAAA;;;MAWrC,oDAAA;cAEW,8BAAc,8BAAA;;;;;;;;;;;;MAiBzB,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAO7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAOlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"cascader.d.ts","names":[],"sources":["../../../src/components/cascader/cascader.ts"],"mappings":";;;;;KAqBK,gBAAgB;;KAiCT,wBAAwB,KAClC;cAqBW,8BAAc,8BAAA;;IAIM,MAAA,SAAS;;;;IACd,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;;;;;;IAGP,MAAA,SAAS;;;;;;;;;;;IAKP,MAAA,SAAS;;;;;;;IAIZ,MAAA,SAAS,QAAQ;;;;IACtB,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;;;;;;;IAGJ,MAAA,SAAS;;;;;;;;;;;;IAGf,MAAA,SAAS;;;;;;EAIL,iBAAA,UAAA,UAAU;EACX,gBAAA,UAAA,UAAU;EACX,iBAAA,QAAA,UAAU;EACZ,gBAAA,OAAA,UAAU;;;IA9BJ,MAAA,SAAS;;;;IACd,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;;;;;;IAGP,MAAA,SAAS;;;;;;;;;;;IAKP,MAAA,SAAS;;;;;;;IAIZ,MAAA,SAAS,QAAQ;;;;IACtB,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;;;;;;;IAGJ,MAAA,SAAS;;;;;;;;;;;;IAGf,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUtB,WAAC,OAAO,0BAA0B;kCAuC9C;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAM1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAO5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAc5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAW9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAMjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAsB/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAwB5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAO1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;UAGe;EACf,QAAQ;;cAGG,oCAAoB,0BAAA,oBAAA,4BAAA;;;EAGtB,QAAC,OAAO,oCAAoC;kCAarD;cAEW,gCAAgB,8BAAA;;IAIU,MAAA;;;;;;;IAAA,MAAA;;;MAWrC,oDAAA;cAEW,8BAAc,8BAAA;;;;;;;;;;;;MAiBzB,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAO7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAOlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/cascader/cascader.js

@@ -1,7 +1,9 @@
 import { withXhConfig } from "../../config/config.js";
+import { useScrollbars } from "../../runtime/use-scrollbars.js";
+import { useFieldLabelWiring, useFieldStateWiring } from "../field/use-field-control.js";
 import { provideCascader, provideCascaderItem, useCascaderContext, useCascaderItemContext } from "./context.js";
 import { useCascader } from "./use-cascader.js";
-import { computed, defineComponent, h, onBeforeUnmount, ref, watch } from "vue";
+import { Teleport, computed, defineComponent, h, mergeProps, onBeforeUnmount, ref, watch } from "vue";
 //#region src/components/cascader/cascader.ts
 /** 本条目持有焦点时，value 变更重报焦点条目，卸载时上报焦点丢失 */
 function reportItemFocus(ctx, el, value) {
@@ -152,16 +154,26 @@ const XhCascaderLabel = defineComponent({
 		return () => h("span", ctx.api.value.getLabelProps(), slots.default?.());
 	}
 });
+const XhCascaderControl = defineComponent({
+	name: "XhCascaderControl",
+	setup(_, { slots }) {
+		const ctx = useCascaderContext();
+		return () => h("div", ctx.api.value.getControlProps(), slots.default?.());
+	}
+});
 const XhCascaderTrigger = defineComponent({
 	name: "XhCascaderTrigger",
 	setup(_, { slots }) {
+		const fieldWiring = useFieldStateWiring();
+		const fieldLabel = useFieldLabelWiring();
 		const ctx = useCascaderContext();
-		return () => h("button", {
+		return () => h("button", fieldLabel.value({
 			...ctx.api.value.getTriggerProps(),
 			ref: (el) => {
 				ctx.triggerRef.value = el;
-			}
-		}, slots.default?.());
+			},
+			...fieldWiring.value
+		}), slots.default?.());
 	}
 });
 const XhCascaderValueText = defineComponent({
@@ -187,14 +199,20 @@ const XhCascaderClearTrigger = defineComponent({
 });
 const XhCascaderPositioner = defineComponent({
 	name: "XhCascaderPositioner",
-	setup(_, { slots }) {
+	inheritAttrs: false,
+	setup(_, { slots, attrs }) {
 		const ctx = useCascaderContext();
-		return () => h("div", {
-			...ctx.api.value.getPositionerProps(),
+		const bars = useScrollbars({
+			scrollable: () => ctx.contentRef.value,
+			axes: ["horizontal"],
+			props: () => ({ dir: ctx.api.value.getPositionerProps().dir })
+		});
+		return () => h(Teleport, { to: ctx.portalTarget.value }, [h("div", {
+			...mergeProps(ctx.api.value.getPositionerProps(), attrs),
 			ref: (el) => {
 				ctx.positionerRef.value = el;
 			}
-		}, slots.default?.());
+		}, [...slots.default?.() ?? [], ...bars.render()])]);
 	}
 });
 const XhCascaderContent = defineComponent({
@@ -205,6 +223,7 @@ const XhCascaderContent = defineComponent({
 			const api = ctx.api.value;
 			return h("div", {
 				...api.getContentProps(),
+				style: ctx.visible.value ? void 0 : { display: "none" },
 				ref: (el) => {
 					ctx.contentRef.value = el;
 				}
@@ -276,6 +295,6 @@ const XhCascaderItemIndicator = defineComponent({
 	}
 });
 //#endregion
-export { XhCascaderClearTrigger, XhCascaderColumn, XhCascaderContent, XhCascaderIndicator, XhCascaderInput, XhCascaderItem, XhCascaderItemIndicator, XhCascaderItemText, XhCascaderLabel, XhCascaderPositioner, XhCascaderRoot, XhCascaderSearchList, XhCascaderTrigger, XhCascaderValueText };
+export { XhCascaderClearTrigger, XhCascaderColumn, XhCascaderContent, XhCascaderControl, XhCascaderIndicator, XhCascaderInput, XhCascaderItem, XhCascaderItemIndicator, XhCascaderItemText, XhCascaderLabel, XhCascaderPositioner, XhCascaderRoot, XhCascaderSearchList, XhCascaderTrigger, XhCascaderValueText };
 
 //# sourceMappingURL=cascader.js.map

package/dist/components/cascader/cascader.js.map

@@ -1 +1 @@
-{"version":3,"file":"cascader.js","names":[],"sources":["../../../src/components/cascader/cascader.ts"],"sourcesContent":["import type {\n  CascaderApi,\n  CascaderExpandTrigger,\n  CascaderItemProps,\n  CascaderNode,\n  CascaderSchema,\n  CascaderSearchResult,\n  CascaderTranslations,\n  CascaderValue,\n} from '@xihan-ui/headless'\nimport type { ControlVariant, Direction, Placement, Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType, Ref, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport type { CascaderContext } from './use-cascader'\nimport { computed, defineComponent, h, onBeforeUnmount, ref, watch } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { provideCascader, provideCascaderItem, useCascaderContext, useCascaderItemContext } from './context'\nimport { useCascader } from './use-cascader'\n\ntype CascaderProps = CascaderSchema['props']\n\n/** 本条目持有焦点时，value 变更重报焦点条目，卸载时上报焦点丢失 */\nfunction reportItemFocus(\n  ctx: CascaderContext,\n  el: Ref<HTMLElement | null>,\n  value: () => string,\n): void {\n  watch(value, (next, prev) => {\n    if (next === prev)\n      return\n    const { service, api } = ctx\n    if (service.getStatus() !== 'Started')\n      return\n    if (!el.value || service.scope.getActiveElement() !== el.value)\n      return\n    // 层号回 collection 里查，条目只自报值\n    const meta = api.value.levels.flatMap(level => level.items).find(item => item.value === next)\n    if (meta)\n      service.send({ type: 'ITEM.FOCUS', level: meta.level, value: next })\n  })\n  onBeforeUnmount(() => {\n    const { service } = ctx\n    // 整组一起卸载时根部件先停机，此刻送事件会在 dev 下抛\n    if (service.getStatus() !== 'Started')\n      return\n    // 按「本条目当下正持有焦点」判定，不按 value 比对\n    if (el.value && service.scope.getActiveElement() === el.value)\n      service.send({ type: 'ITEM.LOST' })\n  })\n}\n\n/** 默认插槽的载荷：级联的展开态、选中态与列数据，以及改动它们的方法。 */\nexport type CascaderRootSlotProps = Pick<\n  CascaderApi,\n  | 'open'\n  | 'levels'\n  | 'columns'\n  | 'value'\n  | 'valuePath'\n  | 'activePath'\n  | 'focusedPath'\n  | 'displayText'\n  | 'canClear'\n  | 'isSelected'\n  | 'isIndeterminate'\n  | 'isActive'\n  | 'isVisible'\n  | 'setOpen'\n  | 'setValue'\n  | 'setActivePath'\n  | 'select'\n  | 'clear'\n>\n\nexport const XhCascaderRoot = defineComponent({\n  name: 'XhCascaderRoot',\n  // 有 connect 兜底的 prop 一律 default: undefined\n  props: {\n    collection: { type: Array as PropType<CascaderNode[]>, default: undefined },\n    value: { type: Array as PropType<CascaderValue>, default: undefined },\n    defaultValue: { type: Array as PropType<CascaderValue>, default: undefined },\n    open: { type: Boolean, default: undefined },\n    defaultOpen: Boolean,\n    expandTrigger: { type: String as PropType<CascaderExpandTrigger>, default: undefined },\n    changeOnSelect: Boolean,\n    multiple: Boolean,\n    searchable: { type: Boolean, default: undefined },\n    cascade: Boolean,\n    checkedStrategy: { type: String as PropType<CascaderProps['checkedStrategy']>, default: undefined },\n    disabled: Boolean,\n    readOnly: Boolean,\n    invalid: Boolean,\n    translations: { type: Object as PropType<Partial<CascaderTranslations>>, default: undefined },\n    variant: { type: String as PropType<ControlVariant>, default: undefined },\n    tone: { type: String as PropType<Tone>, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n    placeholder: { type: String, default: undefined },\n    separator: { type: String, default: undefined },\n    placement: { type: String as PropType<Placement>, default: undefined },\n    offset: { type: Number, default: undefined },\n    loop: { type: Boolean, default: undefined },\n    dir: { type: String as PropType<Direction>, default: undefined },\n  },\n  // *-change 携带 details 对象，update:* 携带裸值；选中值恒为路径数组，单选时长度 ≤ 1\n  emits: {\n    'value-change': (_details: PayloadOf<CascaderProps, 'onValueChange'>) => true,\n    'open-change': (_details: PayloadOf<CascaderProps, 'onOpenChange'>) => true,\n    'update:value': (_value: PayloadOf<CascaderProps, 'onValueChange'>['value']) => true,\n    'update:open': (_open: PayloadOf<CascaderProps, 'onOpenChange'>['open']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: CascaderRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notifyValue: CascaderProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const notifyOpen: CascaderProps['onOpenChange'] = (details) => {\n      emit('open-change', details)\n      emit('update:open', details.open)\n    }\n    const ctx = useCascader(withXhConfig('cascader', props) as CascaderProps, {\n      onValueChange: notifyValue,\n      onOpenChange: notifyOpen,\n    })\n    provideCascader(ctx)\n\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      open: ctx.api.value.open,\n      // levels 每层一列、层内节点各一条目，供作者渲染；columns 只读当前展开的列\n      levels: ctx.api.value.levels,\n      columns: ctx.api.value.columns,\n      value: ctx.api.value.value,\n      valuePath: ctx.api.value.valuePath,\n      activePath: ctx.api.value.activePath,\n      focusedPath: ctx.api.value.focusedPath,\n      displayText: ctx.api.value.displayText,\n      canClear: ctx.api.value.canClear,\n      isSelected: ctx.api.value.isSelected,\n      isIndeterminate: ctx.api.value.isIndeterminate,\n      isActive: ctx.api.value.isActive,\n      isVisible: ctx.api.value.isVisible,\n      setOpen: ctx.api.value.setOpen,\n      setValue: ctx.api.value.setValue,\n      setActivePath: ctx.api.value.setActivePath,\n      select: ctx.api.value.select,\n      clear: ctx.api.value.clear,\n    }))\n  },\n})\n\nexport const XhCascaderLabel = defineComponent({\n  name: 'XhCascaderLabel',\n  setup(_, { slots }) {\n    const ctx = useCascaderContext()\n    return () => h('span', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCascaderTrigger = defineComponent({\n  name: 'XhCascaderTrigger',\n  setup(_, { slots }) {\n    const ctx = useCascaderContext()\n    return () => h('button', {\n      ...ctx.api.value.getTriggerProps() as Record<string, unknown>,\n      ref: (el: unknown) => { ctx.triggerRef.value = el as HTMLElement },\n    }, slots.default?.())\n  },\n})\n\nexport const XhCascaderValueText = defineComponent({\n  name: 'XhCascaderValueText',\n  setup(_, { slots }) {\n    const ctx = useCascaderContext()\n    // 有插槽用插槽，否则显示整条路径或 placeholder\n    return () => h(\n      'span',\n      ctx.api.value.getValueTextProps() as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.displayText,\n    )\n  },\n})\n\nexport const XhCascaderIndicator = defineComponent({\n  name: 'XhCascaderIndicator',\n  setup(_, { slots }) {\n    const ctx = useCascaderContext()\n    return () => h('span', ctx.api.value.getIndicatorProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCascaderClearTrigger = defineComponent({\n  name: 'XhCascaderClearTrigger',\n  setup(_, { slots }) {\n    const ctx = useCascaderContext()\n    return () => h('button', ctx.api.value.getClearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCascaderPositioner = defineComponent({\n  name: 'XhCascaderPositioner',\n  setup(_, { slots }) {\n    const ctx = useCascaderContext()\n    return () => h('div', {\n      ...ctx.api.value.getPositionerProps() as Record<string, unknown>,\n      ref: (el: unknown) => { ctx.positionerRef.value = el as HTMLElement },\n    }, slots.default?.())\n  },\n})\n\nexport const XhCascaderContent = defineComponent({\n  name: 'XhCascaderContent',\n  setup(_, { slots }) {\n    const ctx = useCascaderContext()\n    // 收起时只隐藏不卸载；跨列的键盘导航也在这一层处理\n    return () => {\n      const api = ctx.api.value\n      return h('div', {\n        ...api.getContentProps() as Record<string, unknown>,\n        ref: (el: unknown) => { ctx.contentRef.value = el as HTMLElement },\n      }, [\n        slots.default?.(),\n        // 空态占位常挂在列后，露不露面归连接层；empty 插槽可换内容，缺省文案按视图取无匹配或无数据\n        h(\n          'div',\n          api.getEmptyProps() as Record<string, unknown>,\n          slots.empty ? slots.empty() : (api.searching ? api.translations.noMatch : api.translations.empty),\n        ),\n      ])\n    }\n  },\n})\n\nexport const XhCascaderInput = defineComponent({\n  name: 'XhCascaderInput',\n  setup() {\n    const ctx = useCascaderContext()\n    // 搜索框放在 content 顶部；没开 searchable 时连接层给 hidden\n    return () => h('input', ctx.api.value.getInputProps() as Record<string, unknown>)\n  },\n})\n\n/** item 插槽的载荷：一条搜索候选。 */\nexport interface CascaderSearchListItemSlotProps {\n  result: CascaderSearchResult\n}\n\nexport const XhCascaderSearchList = defineComponent({\n  name: 'XhCascaderSearchList',\n  slots: Object as SlotsType<{\n    item?: (props: CascaderSearchListItemSlotProps) => VNode[]\n  }>,\n  setup(_, { slots }) {\n    const ctx = useCascaderContext()\n    // 候选整组自动铺：整条路径连缀成一行；item 插槽可换内容\n    return () => h('div', ctx.api.value.getSearchListProps() as Record<string, unknown>, ctx.api.value.searchResults.map(result =>\n      h(\n        'div',\n        { ...ctx.api.value.getSearchItemProps({ path: result.path }) as Record<string, unknown>, key: result.key },\n        slots.item ? slots.item({ result }) : result.labels.join(' / '),\n      ),\n    ))\n  },\n})\n\nexport const XhCascaderColumn = defineComponent({\n  name: 'XhCascaderColumn',\n  props: {\n    // 层号，兼收字符串以支持模板里写 level=\"0\"\n    level: { type: [Number, String] as PropType<number | string>, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useCascaderContext()\n    // 展开路径变短时本列收起，节点常挂不卸载\n    return () => h(\n      'div',\n      ctx.api.value.getColumnProps({ level: Number(props.level) }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhCascaderItem = defineComponent({\n  name: 'XhCascaderItem',\n  props: {\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useCascaderContext()\n    const item = computed<CascaderItemProps>(() => ({ value: props.value }))\n    provideCascaderItem({ item })\n    const el = ref<HTMLElement | null>(null)\n    reportItemFocus(ctx, el, () => props.value)\n    return () => h(\n      'div',\n      { ...ctx.api.value.getItemProps(item.value) as Record<string, unknown>, ref: el },\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhCascaderItemText = defineComponent({\n  name: 'XhCascaderItemText',\n  setup(_, { slots }) {\n    const ctx = useCascaderContext()\n    const { item } = useCascaderItemContext()\n    return () => h('span', ctx.api.value.getItemTextProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCascaderItemIndicator = defineComponent({\n  name: 'XhCascaderItemIndicator',\n  setup(_, { slots }) {\n    const ctx = useCascaderContext()\n    const { item } = useCascaderItemContext()\n    return () => h('span', ctx.api.value.getItemIndicatorProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"cascader.js","names":[],"sources":["../../../src/components/cascader/cascader.ts"],"sourcesContent":["import type {\n  CascaderApi,\n  CascaderExpandTrigger,\n  CascaderItemProps,\n  CascaderNode,\n  CascaderSchema,\n  CascaderSearchResult,\n  CascaderTranslations,\n  CascaderValue,\n} from '@xihan-ui/headless'\nimport type { ControlVariant, Direction, Placement, Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType, Ref, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport type { CascaderContext } from './use-cascader'\nimport { computed, defineComponent, h, mergeProps, onBeforeUnmount, ref, Teleport, watch } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { useScrollbars } from '../../runtime/use-scrollbars'\nimport { useFieldLabelWiring, useFieldStateWiring } from '../field/use-field-control'\nimport { provideCascader, provideCascaderItem, useCascaderContext, useCascaderItemContext } from './context'\nimport { useCascader } from './use-cascader'\n\ntype CascaderProps = CascaderSchema['props']\n\n/** 本条目持有焦点时，value 变更重报焦点条目，卸载时上报焦点丢失 */\nfunction reportItemFocus(\n  ctx: CascaderContext,\n  el: Ref<HTMLElement | null>,\n  value: () => string,\n): void {\n  watch(value, (next, prev) => {\n    if (next === prev)\n      return\n    const { service, api } = ctx\n    if (service.getStatus() !== 'Started')\n      return\n    if (!el.value || service.scope.getActiveElement() !== el.value)\n      return\n    // 层号回 collection 里查，条目只自报值\n    const meta = api.value.levels.flatMap(level => level.items).find(item => item.value === next)\n    if (meta)\n      service.send({ type: 'ITEM.FOCUS', level: meta.level, value: next })\n  })\n  onBeforeUnmount(() => {\n    const { service } = ctx\n    // 整组一起卸载时根部件先停机，此刻送事件会在 dev 下抛\n    if (service.getStatus() !== 'Started')\n      return\n    // 按「本条目当下正持有焦点」判定，不按 value 比对\n    if (el.value && service.scope.getActiveElement() === el.value)\n      service.send({ type: 'ITEM.LOST' })\n  })\n}\n\n/** 默认插槽的载荷：级联的展开态、选中态与列数据，以及改动它们的方法。 */\nexport type CascaderRootSlotProps = Pick<\n  CascaderApi,\n  | 'open'\n  | 'levels'\n  | 'columns'\n  | 'value'\n  | 'valuePath'\n  | 'activePath'\n  | 'focusedPath'\n  | 'displayText'\n  | 'canClear'\n  | 'isSelected'\n  | 'isIndeterminate'\n  | 'isActive'\n  | 'isVisible'\n  | 'setOpen'\n  | 'setValue'\n  | 'setActivePath'\n  | 'select'\n  | 'clear'\n>\n\nexport const XhCascaderRoot = defineComponent({\n  name: 'XhCascaderRoot',\n  // 有 connect 兜底的 prop 一律 default: undefined\n  props: {\n    collection: { type: Array as PropType<CascaderNode[]>, default: undefined },\n    value: { type: Array as PropType<CascaderValue>, default: undefined },\n    defaultValue: { type: Array as PropType<CascaderValue>, default: undefined },\n    open: { type: Boolean, default: undefined },\n    defaultOpen: Boolean,\n    expandTrigger: { type: String as PropType<CascaderExpandTrigger>, default: undefined },\n    changeOnSelect: Boolean,\n    multiple: Boolean,\n    searchable: { type: Boolean, default: undefined },\n    cascade: Boolean,\n    checkedStrategy: { type: String as PropType<CascaderProps['checkedStrategy']>, default: undefined },\n    disabled: Boolean,\n    readOnly: Boolean,\n    invalid: Boolean,\n    translations: { type: Object as PropType<Partial<CascaderTranslations>>, default: undefined },\n    variant: { type: String as PropType<ControlVariant>, default: undefined },\n    tone: { type: String as PropType<Tone>, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n    placeholder: { type: String, default: undefined },\n    separator: { type: String, default: undefined },\n    placement: { type: String as PropType<Placement>, default: undefined },\n    offset: { type: Number, default: undefined },\n    loop: { type: Boolean, default: undefined },\n    dir: { type: String as PropType<Direction>, default: undefined },\n  },\n  // *-change 携带 details 对象，update:* 携带裸值；选中值恒为路径数组，单选时长度 ≤ 1\n  emits: {\n    'value-change': (_details: PayloadOf<CascaderProps, 'onValueChange'>) => true,\n    'open-change': (_details: PayloadOf<CascaderProps, 'onOpenChange'>) => true,\n    'update:value': (_value: PayloadOf<CascaderProps, 'onValueChange'>['value']) => true,\n    'update:open': (_open: PayloadOf<CascaderProps, 'onOpenChange'>['open']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: CascaderRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notifyValue: CascaderProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const notifyOpen: CascaderProps['onOpenChange'] = (details) => {\n      emit('open-change', details)\n      emit('update:open', details.open)\n    }\n    const ctx = useCascader(withXhConfig('cascader', props) as CascaderProps, {\n      onValueChange: notifyValue,\n      onOpenChange: notifyOpen,\n    })\n    provideCascader(ctx)\n\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      open: ctx.api.value.open,\n      // levels 每层一列、层内节点各一条目，供作者渲染；columns 只读当前展开的列\n      levels: ctx.api.value.levels,\n      columns: ctx.api.value.columns,\n      value: ctx.api.value.value,\n      valuePath: ctx.api.value.valuePath,\n      activePath: ctx.api.value.activePath,\n      focusedPath: ctx.api.value.focusedPath,\n      displayText: ctx.api.value.displayText,\n      canClear: ctx.api.value.canClear,\n      isSelected: ctx.api.value.isSelected,\n      isIndeterminate: ctx.api.value.isIndeterminate,\n      isActive: ctx.api.value.isActive,\n      isVisible: ctx.api.value.isVisible,\n      setOpen: ctx.api.value.setOpen,\n      setValue: ctx.api.value.setValue,\n      setActivePath: ctx.api.value.setActivePath,\n      select: ctx.api.value.select,\n      clear: ctx.api.value.clear,\n    }))\n  },\n})\n\nexport const XhCascaderLabel = defineComponent({\n  name: 'XhCascaderLabel',\n  setup(_, { slots }) {\n    const ctx = useCascaderContext()\n    return () => h('span', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCascaderControl = defineComponent({\n  name: 'XhCascaderControl',\n  setup(_, { slots }) {\n    const ctx = useCascaderContext()\n    // 描边、底色与聚焦环所在的那一层，触发按钮与尾部动作钮在里面并排\n    return () => h('div', ctx.api.value.getControlProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCascaderTrigger = defineComponent({\n  name: 'XhCascaderTrigger',\n  setup(_, { slots }) {\n    // 字段的说明与校验状态要落在真控件上，不能停在封装根的 div 上\n    const fieldWiring = useFieldStateWiring()\n    // 字段的标签也得并进名字链：控件自带的那条指的是它自己那个没渲染的 label 部件\n    const fieldLabel = useFieldLabelWiring()\n    const ctx = useCascaderContext()\n    return () => h('button', fieldLabel.value({\n      ...ctx.api.value.getTriggerProps() as Record<string, unknown>,\n      ref: (el: unknown) => { ctx.triggerRef.value = el as HTMLElement },\n      ...fieldWiring.value,\n    }), slots.default?.())\n  },\n})\n\nexport const XhCascaderValueText = defineComponent({\n  name: 'XhCascaderValueText',\n  setup(_, { slots }) {\n    const ctx = useCascaderContext()\n    // 有插槽用插槽，否则显示整条路径或 placeholder\n    return () => h(\n      'span',\n      ctx.api.value.getValueTextProps() as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.displayText,\n    )\n  },\n})\n\nexport const XhCascaderIndicator = defineComponent({\n  name: 'XhCascaderIndicator',\n  setup(_, { slots }) {\n    const ctx = useCascaderContext()\n    return () => h('span', ctx.api.value.getIndicatorProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCascaderClearTrigger = defineComponent({\n  name: 'XhCascaderClearTrigger',\n  setup(_, { slots }) {\n    const ctx = useCascaderContext()\n    return () => h('button', ctx.api.value.getClearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCascaderPositioner = defineComponent({\n  name: 'XhCascaderPositioner',\n  // 根是 Teleport，Vue 不会把直通属性合上去，作者写的 class 与 style 得自己接住落到 positioner 上\n  inheritAttrs: false,\n  setup(_, { slots, attrs }) {\n    const ctx = useCascaderContext()\n    // 列区的自绘条：与 content 同级、绝对定位不占布局，壳是这层已经 fixed 的 positioner。\n    // 只摆横的：列多到放不下时整体横向滚动，纵向溢出归每一列自己。\n    // 横条的正负按排版方向算，而组件不读计算样式，把 positioner 上那份显式交过去\n    const bars = useScrollbars({\n      scrollable: () => ctx.contentRef.value,\n      axes: ['horizontal'],\n      props: () => ({ dir: (ctx.api.value.getPositionerProps() as { dir?: Direction }).dir }),\n    })\n    // 搬到 portal 落点：留在原地的话，宿主祖先只要建了层叠上下文就能盖住浮层\n    return () => h(Teleport, { to: ctx.portalTarget.value }, [\n      h('div', {\n        ...mergeProps(ctx.api.value.getPositionerProps() as Record<string, unknown>, attrs),\n        ref: (el: unknown) => { ctx.positionerRef.value = el as HTMLElement },\n      }, [...(slots.default?.() ?? []), ...bars.render()]),\n    ])\n  },\n})\n\nexport const XhCascaderContent = defineComponent({\n  name: 'XhCascaderContent',\n  setup(_, { slots }) {\n    const ctx = useCascaderContext()\n    // 收起时只隐藏不卸载；跨列的键盘导航也在这一层处理\n    return () => {\n      const api = ctx.api.value\n      return h('div', {\n        ...api.getContentProps() as Record<string, unknown>,\n        // 收起跟着退场闸门走：皮肤刻意没给 content 补 [hidden]{display:none}（补了退场\n        // 就一帧都播不出来），所以真正的收起落成内联 display——节点始终留在原地\n        style: ctx.visible.value ? undefined : { display: 'none' },\n        ref: (el: unknown) => { ctx.contentRef.value = el as HTMLElement },\n      }, [\n        slots.default?.(),\n        // 空态占位常挂在列后，露不露面归连接层；empty 插槽可换内容，缺省文案按视图取无匹配或无数据\n        h(\n          'div',\n          api.getEmptyProps() as Record<string, unknown>,\n          slots.empty ? slots.empty() : (api.searching ? api.translations.noMatch : api.translations.empty),\n        ),\n      ])\n    }\n  },\n})\n\nexport const XhCascaderInput = defineComponent({\n  name: 'XhCascaderInput',\n  setup() {\n    const ctx = useCascaderContext()\n    // 搜索框放在 content 顶部；没开 searchable 时连接层给 hidden\n    return () => h('input', ctx.api.value.getInputProps() as Record<string, unknown>)\n  },\n})\n\n/** item 插槽的载荷：一条搜索候选。 */\nexport interface CascaderSearchListItemSlotProps {\n  result: CascaderSearchResult\n}\n\nexport const XhCascaderSearchList = defineComponent({\n  name: 'XhCascaderSearchList',\n  slots: Object as SlotsType<{\n    item?: (props: CascaderSearchListItemSlotProps) => VNode[]\n  }>,\n  setup(_, { slots }) {\n    const ctx = useCascaderContext()\n    // 候选整组自动铺：整条路径连缀成一行；item 插槽可换内容\n    return () => h('div', ctx.api.value.getSearchListProps() as Record<string, unknown>, ctx.api.value.searchResults.map(result =>\n      h(\n        'div',\n        { ...ctx.api.value.getSearchItemProps({ path: result.path }) as Record<string, unknown>, key: result.key },\n        slots.item ? slots.item({ result }) : result.labels.join(' / '),\n      ),\n    ))\n  },\n})\n\nexport const XhCascaderColumn = defineComponent({\n  name: 'XhCascaderColumn',\n  props: {\n    // 层号，兼收字符串以支持模板里写 level=\"0\"\n    level: { type: [Number, String] as PropType<number | string>, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useCascaderContext()\n    // 展开路径变短时本列收起，节点常挂不卸载\n    return () => h(\n      'div',\n      ctx.api.value.getColumnProps({ level: Number(props.level) }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhCascaderItem = defineComponent({\n  name: 'XhCascaderItem',\n  props: {\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useCascaderContext()\n    const item = computed<CascaderItemProps>(() => ({ value: props.value }))\n    provideCascaderItem({ item })\n    const el = ref<HTMLElement | null>(null)\n    reportItemFocus(ctx, el, () => props.value)\n    return () => h(\n      'div',\n      { ...ctx.api.value.getItemProps(item.value) as Record<string, unknown>, ref: el },\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhCascaderItemText = defineComponent({\n  name: 'XhCascaderItemText',\n  setup(_, { slots }) {\n    const ctx = useCascaderContext()\n    const { item } = useCascaderItemContext()\n    return () => h('span', ctx.api.value.getItemTextProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCascaderItemIndicator = defineComponent({\n  name: 'XhCascaderItemIndicator',\n  setup(_, { slots }) {\n    const ctx = useCascaderContext()\n    const { item } = useCascaderItemContext()\n    return () => h('span', ctx.api.value.getItemIndicatorProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":"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"}

package/dist/components/cascader/context.js

@@ -1,7 +1,7 @@
 import { inject, provide } from "vue";
 //#region src/components/cascader/context.ts
-const KEY = Symbol("xh-cascader");
-const ITEM_KEY = Symbol("xh-cascader-item");
+const KEY = Symbol.for("xh-cascader");
+const ITEM_KEY = Symbol.for("xh-cascader-item");
 function provideCascader(ctx) {
 	provide(KEY, ctx);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/cascader/context.ts"],"sourcesContent":["import type { CascaderItemProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { CascaderContext } from './use-cascader'\nimport { inject, provide } from 'vue'\n\n/** 条目自报的值，供 item-text / item-indicator 复用同一份声明；所在列、路径、禁用与标签回 collection 里查。 */\nexport interface CascaderItemContext {\n  item: ComputedRef<CascaderItemProps>\n}\n\nconst KEY: InjectionKey<CascaderContext> = Symbol('xh-cascader')\nconst ITEM_KEY: InjectionKey<CascaderItemContext> = Symbol('xh-cascader-item')\n\nexport function provideCascader(ctx: CascaderContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useCascaderContext(): CascaderContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Cascader 部件必须用在 XhCascaderRoot 内')\n  return ctx\n}\n\nexport function provideCascaderItem(ctx: CascaderItemContext): void {\n  provide(ITEM_KEY, ctx)\n}\n\nexport function useCascaderItemContext(): CascaderItemContext {\n  const ctx = inject(ITEM_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Cascader 条目子部件必须用在 XhCascaderItem 内')\n  return ctx\n}\n"],"mappings":";;AAUA,MAAM,MAAqC,OAAO,aAAa;AAC/D,MAAM,WAA8C,OAAO,kBAAkB;AAE7E,SAAgB,gBAAgB,KAA4B;CAC1D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,qBAAsC;CACpD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,uCAAuC;CACzD,OAAO;AACT;AAEA,SAAgB,oBAAoB,KAAgC;CAClE,QAAQ,UAAU,GAAG;AACvB;AAEA,SAAgB,yBAA8C;CAC5D,MAAM,MAAM,OAAO,UAAU,IAAI;CACjC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,0CAA0C;CAC5D,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/cascader/context.ts"],"sourcesContent":["import type { CascaderItemProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { CascaderContext } from './use-cascader'\nimport { inject, provide } from 'vue'\n\n/** 条目自报的值，供 item-text / item-indicator 复用同一份声明；所在列、路径、禁用与标签回 collection 里查。 */\nexport interface CascaderItemContext {\n  item: ComputedRef<CascaderItemProps>\n}\n\nconst KEY: InjectionKey<CascaderContext> = Symbol.for('xh-cascader')\nconst ITEM_KEY: InjectionKey<CascaderItemContext> = Symbol.for('xh-cascader-item')\n\nexport function provideCascader(ctx: CascaderContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useCascaderContext(): CascaderContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Cascader 部件必须用在 XhCascaderRoot 内')\n  return ctx\n}\n\nexport function provideCascaderItem(ctx: CascaderItemContext): void {\n  provide(ITEM_KEY, ctx)\n}\n\nexport function useCascaderItemContext(): CascaderItemContext {\n  const ctx = inject(ITEM_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Cascader 条目子部件必须用在 XhCascaderItem 内')\n  return ctx\n}\n"],"mappings":";;AAUA,MAAM,MAAqC,OAAO,IAAI,aAAa;AACnE,MAAM,WAA8C,OAAO,IAAI,kBAAkB;AAEjF,SAAgB,gBAAgB,KAA4B;CAC1D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,qBAAsC;CACpD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,uCAAuC;CACzD,OAAO;AACT;AAEA,SAAgB,oBAAoB,KAAgC;CAClE,QAAQ,UAAU,GAAG;AACvB;AAEA,SAAgB,yBAA8C;CAC5D,MAAM,MAAM,OAAO,UAAU,IAAI;CACjC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,0CAA0C;CAC5D,OAAO;AACT"}

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

@@ -9,6 +9,10 @@ interface CascaderContext {
   triggerRef: Ref<HTMLElement | null>;
   positionerRef: Ref<HTMLElement | null>;
   contentRef: Ref<HTMLElement | null>;
+  /** 此刻该不该渲染：退场动画播完之前仍为真。 */
+  visible: Ref<boolean>;
+  /** 浮层搬到哪儿：全局配置的 portalContainer > body。 */
+  portalTarget: ComputedRef<string | Element>;
 }
 declare function useCascader(props: CascaderSchema['props'], handlers?: Pick<CascaderSchema['props'], 'onValueChange' | 'onOpenChange'>): CascaderContext;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"use-cascader.d.ts","names":[],"sources":["../../../src/components/cascader/use-cascader.ts"],"mappings":";;;;UAYiB;;EAEf,SAAS,QAAQ;EACjB,KAAK,YAAY;EACjB,YAAY,IAAI;EAChB,eAAe,IAAI;EACnB,YAAY,IAAI;;iBAGF,YACd,OAAO,yBACP,WAAU,KAAK,6DACd"}
+{"version":3,"file":"use-cascader.d.ts","names":[],"sources":["../../../src/components/cascader/use-cascader.ts"],"mappings":";;;;UAciB;;EAEf,SAAS,QAAQ;EACjB,KAAK,YAAY;EACjB,YAAY,IAAI;EAChB,eAAe,IAAI;EACnB,YAAY,IAAI;;EAEhB,SAAS;;EAET,cAAc,qBAAqB;;iBAGrB,YACd,OAAO,yBACP,WAAU,KAAK,6DACd"}

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

@@ -1,4 +1,6 @@
+import { useOverlayExit } from "../../runtime/use-overlay-exit.js";
 import { vueNormalize } from "../../runtime/normalize-props.js";
+import { useXhConfig } from "../../config/config.js";
 import { useMachine } from "../../runtime/use-machine.js";
 import { createVueIdGenerator } from "../../runtime/vue-id.js";
 import { computed, ref } from "vue";
@@ -7,6 +9,7 @@ import { createRuntimeConfig, createScope } from "@xihan-ui/kernel";
 import { createPositionEngine } from "@xihan-ui/position";
 //#region src/components/cascader/use-cascader.ts
 function useCascader(props, handlers = {}) {
+	const xhConfig = useXhConfig();
 	const triggerRef = ref(null);
 	const positionerRef = ref(null);
 	const contentRef = ref(null);
@@ -16,15 +19,16 @@ function useCascader(props, handlers = {}) {
 		...props,
 		...handlers
 	}), scope);
+	let config = null;
 	if (typeof document !== "undefined") {
-		const config = createRuntimeConfig({
+		config = createRuntimeConfig({
 			scope,
 			idGenerator: idGen
 		});
 		const registerLayer = () => config.layerRegistry.register({
 			kind: "popover",
 			node: () => contentRef.value,
-			branches: () => [triggerRef.value].filter(Boolean),
+			branches: () => [triggerRef.value, positionerRef.value].filter(Boolean),
 			isModal: () => false,
 			setModal: () => {},
 			surfaces: () => []
@@ -36,12 +40,19 @@ function useCascader(props, handlers = {}) {
 		service.refs.set("getFloatingEl", () => positionerRef.value);
 		service.refs.set("getContentEl", () => contentRef.value);
 	}
+	const api = computed(() => connectCascader(service, vueNormalize));
 	return {
+		visible: useOverlayExit({
+			config,
+			isOpen: () => api.value.open,
+			contentRef
+		}),
 		service,
-		api: computed(() => connectCascader(service, vueNormalize)),
+		api,
 		triggerRef,
 		positionerRef,
-		contentRef
+		contentRef,
+		portalTarget: computed(() => xhConfig.value.portalContainer?.() ?? config?.portalContainer() ?? "body")
 	};
 }
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"use-cascader.js","names":[],"sources":["../../../src/components/cascader/use-cascader.ts"],"sourcesContent":["import type { CascaderApi, CascaderSchema } 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 { cascaderMachine, connectCascader } from '@xihan-ui/headless'\nimport { createRuntimeConfig, createScope } from '@xihan-ui/kernel'\nimport { createPositionEngine } from '@xihan-ui/position'\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 CascaderContext {\n  /** 机器实例，供部件上报 DOM 侧的事实（如条目卸载带走了焦点）。 */\n  service: Service<CascaderSchema>\n  api: ComputedRef<CascaderApi>\n  triggerRef: Ref<HTMLElement | null>\n  positionerRef: Ref<HTMLElement | null>\n  contentRef: Ref<HTMLElement | null>\n}\n\nexport function useCascader(\n  props: CascaderSchema['props'],\n  handlers: Pick<CascaderSchema['props'], 'onValueChange' | 'onOpenChange'> = {},\n): CascaderContext {\n  const triggerRef = ref<HTMLElement | null>(null)\n  const positionerRef = ref<HTMLElement | null>(null)\n  const contentRef = ref<HTMLElement | null>(null)\n\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(cascaderMachine, () => ({ ...props, ...handlers }), scope)\n\n  if (typeof document !== 'undefined') {\n    const config: RuntimeConfig = createRuntimeConfig({ scope, idGenerator: idGen })\n\n    // 只提供注册函数，入栈出栈由机器的 trackLayer 效应按展开态驱动\n    const registerLayer = (): { layer: Layer, dispose: Cleanup } => config.layerRegistry.register({\n      kind: 'popover',\n      node: () => contentRef.value,\n      // trigger 记为本层分支，点它算层内交互\n      branches: () => [triggerRef.value].filter(Boolean) as Element[],\n      isModal: () => false,\n      setModal: () => {},\n      surfaces: () => [],\n    })\n\n    // 定位引擎由适配器注入，机器只经端口驱动；锚点取 trigger\n    service.refs.set('config', config)\n    service.refs.set('registerLayer', registerLayer)\n    service.refs.set('position', createPositionEngine())\n    service.refs.set('getAnchorEl', () => triggerRef.value)\n    service.refs.set('getFloatingEl', () => positionerRef.value)\n    service.refs.set('getContentEl', () => contentRef.value)\n  }\n\n  const api = computed(() => connectCascader(service, vueNormalize))\n  return { service, api, triggerRef, positionerRef, contentRef }\n}\n"],"mappings":";;;;;;;;AAqBA,SAAgB,YACd,OACA,WAA4E,CAAC,GAC5D;CACjB,MAAM,aAAa,IAAwB,IAAI;CAC/C,MAAM,gBAAgB,IAAwB,IAAI;CAClD,MAAM,aAAa,IAAwB,IAAI;CAE/C,MAAM,QAAQ,qBAAqB;CACnC,MAAM,QAAQ,YAAY,MAAM,KAAK;CACrC,MAAM,UAAU,WAAW,wBAAwB;EAAE,GAAG;EAAO,GAAG;CAAS,IAAI,KAAK;CAEpF,IAAI,OAAO,aAAa,aAAa;EACnC,MAAM,SAAwB,oBAAoB;GAAE;GAAO,aAAa;EAAM,CAAC;EAG/E,MAAM,sBAA0D,OAAO,cAAc,SAAS;GAC5F,MAAM;GACN,YAAY,WAAW;GAEvB,gBAAgB,CAAC,WAAW,KAAK,CAAC,CAAC,OAAO,OAAO;GACjD,eAAe;GACf,gBAAgB,CAAC;GACjB,gBAAgB,CAAC;EACnB,CAAC;EAGD,QAAQ,KAAK,IAAI,UAAU,MAAM;EACjC,QAAQ,KAAK,IAAI,iBAAiB,aAAa;EAC/C,QAAQ,KAAK,IAAI,YAAY,qBAAqB,CAAC;EACnD,QAAQ,KAAK,IAAI,qBAAqB,WAAW,KAAK;EACtD,QAAQ,KAAK,IAAI,uBAAuB,cAAc,KAAK;EAC3D,QAAQ,KAAK,IAAI,sBAAsB,WAAW,KAAK;CACzD;CAGA,OAAO;EAAE;EAAS,KADN,eAAe,gBAAgB,SAAS,YAAY,CAC5C;EAAG;EAAY;EAAe;CAAW;AAC/D"}
+{"version":3,"file":"use-cascader.js","names":[],"sources":["../../../src/components/cascader/use-cascader.ts"],"sourcesContent":["import type { CascaderApi, CascaderSchema } 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 { cascaderMachine, connectCascader } from '@xihan-ui/headless'\nimport { createRuntimeConfig, createScope } from '@xihan-ui/kernel'\nimport { createPositionEngine } from '@xihan-ui/position'\nimport { computed, ref } from 'vue'\nimport { useXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { useOverlayExit } from '../../runtime/use-overlay-exit'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface CascaderContext {\n  /** 机器实例，供部件上报 DOM 侧的事实（如条目卸载带走了焦点）。 */\n  service: Service<CascaderSchema>\n  api: ComputedRef<CascaderApi>\n  triggerRef: Ref<HTMLElement | null>\n  positionerRef: Ref<HTMLElement | null>\n  contentRef: Ref<HTMLElement | null>\n  /** 此刻该不该渲染：退场动画播完之前仍为真。 */\n  visible: Ref<boolean>\n  /** 浮层搬到哪儿：全局配置的 portalContainer > body。 */\n  portalTarget: ComputedRef<string | Element>\n}\n\nexport function useCascader(\n  props: CascaderSchema['props'],\n  handlers: Pick<CascaderSchema['props'], 'onValueChange' | 'onOpenChange'> = {},\n): CascaderContext {\n  const xhConfig = useXhConfig()\n  const triggerRef = ref<HTMLElement | null>(null)\n  const positionerRef = ref<HTMLElement | null>(null)\n  const contentRef = ref<HTMLElement | null>(null)\n\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(cascaderMachine, () => ({ ...props, ...handlers }), scope)\n\n  // 服务端没有 DOM、也就没有退场：config 传 null 时闸门退化成「跟着展开态」\n  let config: RuntimeConfig | null = null\n\n  if (typeof document !== 'undefined') {\n    config = createRuntimeConfig({ scope, idGenerator: idGen })\n\n    // 只提供注册函数，入栈出栈由机器的 trackLayer 效应按展开态驱动\n    const registerLayer = (): { layer: Layer, dispose: Cleanup } => config!.layerRegistry.register({\n      kind: 'popover',\n      node: () => contentRef.value,\n      // trigger 记为本层分支，点它算层内交互；\n      // 浮层壳一并记上：content 之外还浮着自绘滚动条，按住它拖动不该把浮层消解掉\n      branches: () => [triggerRef.value, positionerRef.value].filter(Boolean) as Element[],\n      isModal: () => false,\n      setModal: () => {},\n      surfaces: () => [],\n    })\n\n    // 定位引擎由适配器注入，机器只经端口驱动；锚点取 trigger\n    service.refs.set('config', config!)\n    service.refs.set('registerLayer', registerLayer)\n    service.refs.set('position', createPositionEngine())\n    service.refs.set('getAnchorEl', () => triggerRef.value)\n    service.refs.set('getFloatingEl', () => positionerRef.value)\n    service.refs.set('getContentEl', () => contentRef.value)\n  }\n\n  const api = computed(() => connectCascader(service, vueNormalize))\n  // 退场闸门：收起从跟着 open 走，改成跟着 presence 走\n  const visible = useOverlayExit({ config, isOpen: () => api.value.open, contentRef })\n  // 先问全局配置的落点，没有才落 body\n  const portalTarget = computed<string | Element>(() => xhConfig.value.portalContainer?.() ?? config?.portalContainer() ?? 'body')\n\n  return { visible, service, api, triggerRef, positionerRef, contentRef, portalTarget }\n}\n"],"mappings":";;;;;;;;;;AA2BA,SAAgB,YACd,OACA,WAA4E,CAAC,GAC5D;CACjB,MAAM,WAAW,YAAY;CAC7B,MAAM,aAAa,IAAwB,IAAI;CAC/C,MAAM,gBAAgB,IAAwB,IAAI;CAClD,MAAM,aAAa,IAAwB,IAAI;CAE/C,MAAM,QAAQ,qBAAqB;CACnC,MAAM,QAAQ,YAAY,MAAM,KAAK;CACrC,MAAM,UAAU,WAAW,wBAAwB;EAAE,GAAG;EAAO,GAAG;CAAS,IAAI,KAAK;CAGpF,IAAI,SAA+B;CAEnC,IAAI,OAAO,aAAa,aAAa;EACnC,SAAS,oBAAoB;GAAE;GAAO,aAAa;EAAM,CAAC;EAG1D,MAAM,sBAA0D,OAAQ,cAAc,SAAS;GAC7F,MAAM;GACN,YAAY,WAAW;GAGvB,gBAAgB,CAAC,WAAW,OAAO,cAAc,KAAK,CAAC,CAAC,OAAO,OAAO;GACtE,eAAe;GACf,gBAAgB,CAAC;GACjB,gBAAgB,CAAC;EACnB,CAAC;EAGD,QAAQ,KAAK,IAAI,UAAU,MAAO;EAClC,QAAQ,KAAK,IAAI,iBAAiB,aAAa;EAC/C,QAAQ,KAAK,IAAI,YAAY,qBAAqB,CAAC;EACnD,QAAQ,KAAK,IAAI,qBAAqB,WAAW,KAAK;EACtD,QAAQ,KAAK,IAAI,uBAAuB,cAAc,KAAK;EAC3D,QAAQ,KAAK,IAAI,sBAAsB,WAAW,KAAK;CACzD;CAEA,MAAM,MAAM,eAAe,gBAAgB,SAAS,YAAY,CAAC;CAMjE,OAAO;EAAE,SAJO,eAAe;GAAE;GAAQ,cAAc,IAAI,MAAM;GAAM;EAAW,CAInE;EAAG;EAAS;EAAK;EAAY;EAAe;EAAY,cAFlD,eAAiC,SAAS,MAAM,kBAAkB,KAAK,QAAQ,gBAAgB,KAAK,MAEvC;CAAE;AACtF"}

package/dist/components/checkbox/checkbox.d.ts

@@ -1,5 +1,5 @@
 import { PayloadOf } from "../../runtime/payload.js";
-import { PropType } from "vue";
+import { PropType, SlotsType, VNode } from "vue";
 import { CheckboxCheckedState, CheckboxSchema } from "@xihan-ui/headless";
 import { Size, Tone } from "@xihan-ui/kernel";
 //#region src/components/checkbox/checkbox.d.ts
@@ -14,6 +14,9 @@ declare const XhCheckbox: import("vue").DefineComponent<import("vue").ExtractPro
     default: undefined;
   };
   disabled: BooleanConstructor;
+  readOnly: BooleanConstructor;
+  invalid: BooleanConstructor;
+  required: BooleanConstructor;
   /** 表单字段名；给了 hidden-input 才带 name 并参与提交 */
   name: {
     type: StringConstructor;
@@ -25,7 +28,7 @@ declare const XhCheckbox: import("vue").DefineComponent<import("vue").ExtractPro
   };
   tone: PropType<Tone>;
   size: PropType<Size>;
-}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   'checked-change': (_details: PayloadOf<CheckboxProps, "onCheckedChange">) => true;
@@ -40,6 +43,9 @@ declare const XhCheckbox: import("vue").DefineComponent<import("vue").ExtractPro
     default: undefined;
   };
   disabled: BooleanConstructor;
+  readOnly: BooleanConstructor;
+  invalid: BooleanConstructor;
+  required: BooleanConstructor;
   /** 表单字段名；给了 hidden-input 才带 name 并参与提交 */
   name: {
     type: StringConstructor;
@@ -55,12 +61,20 @@ declare const XhCheckbox: import("vue").DefineComponent<import("vue").ExtractPro
   "onChecked-change"?: ((_details: import("@xihan-ui/headless").CheckboxCheckedChangeDetails) => any) | undefined;
   "onUpdate:checked"?: ((_checked: boolean) => any) | undefined;
 }>, {
+  required: boolean;
   name: string;
+  invalid: boolean;
   value: string;
   disabled: boolean;
+  readOnly: boolean;
   checked: CheckboxCheckedState;
   defaultChecked: CheckboxCheckedState;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, SlotsType<{
+  /** 方框旁的文字；不写就只有一个方框。 */
+  default?: () => VNode[];
+  /** 方框里的图形；不写由皮肤画勾。 */
+  indicator?: () => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { XhCheckbox };
 //# sourceMappingURL=checkbox.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","names":[],"sources":["../../../src/components/checkbox/checkbox.ts"],"mappings":";;;;;KAOK,gBAAgB;cAER,0BAAU,8BAAA;;IAImB,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;;;;;;;;;;EAKtC,MAAA,SAAS;EACT,MAAA,SAAS;;;;EAII,mBAAA,UAAA,UAAU;EACV,mBAAA,UAAA,UAAU;;;IAZD,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;;;;;;;;;;EAKtC,MAAA,SAAS;EACT,MAAA,SAAS;;;;;;;;;;qCAoB3B"}
+{"version":3,"file":"checkbox.d.ts","names":[],"sources":["../../../src/components/checkbox/checkbox.ts"],"mappings":";;;;;KAQK,gBAAgB;cAER,0BAAU,8BAAA;;IAImB,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;;;;;;;;;;;;;EAQtC,MAAA,SAAS;EACT,MAAA,SAAS;;;;EAUI,mBAAA,UAAA,UAAU;EACV,mBAAA,UAAA,UAAU;;;IArBD,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;;;;;;;;;;;;;EAQtC,MAAA,SAAS;EACT,MAAA,SAAS;;;;;;;;;;;;;;;EAIf,gBAAM;;EAEJ,kBAAM;kCA6BpB"}

package/dist/components/checkbox/checkbox.js

@@ -1,3 +1,4 @@
+import { slotPaints } from "../../runtime/slot-content.js";
 import { useCheckbox } from "./use-checkbox.js";
 import { defineComponent, h } from "vue";
 //#region src/components/checkbox/checkbox.ts
@@ -13,6 +14,9 @@ const XhCheckbox = defineComponent({
 			default: void 0
 		},
 		disabled: Boolean,
+		readOnly: Boolean,
+		invalid: Boolean,
+		required: Boolean,
 		/** 表单字段名；给了 hidden-input 才带 name 并参与提交 */
 		name: {
 			type: String,
@@ -25,17 +29,23 @@ const XhCheckbox = defineComponent({
 		tone: String,
 		size: String
 	},
+	slots: Object,
 	emits: {
 		"checked-change": (_details) => true,
 		"update:checked": (_checked) => true
 	},
-	setup(props, { emit }) {
+	setup(props, { emit, slots }) {
 		const notify = (details) => {
 			emit("checked-change", details);
 			emit("update:checked", details.checked);
 		};
 		const { api } = useCheckbox(props, notify);
-		return () => h("button", api.value.getRootProps(), [h("span", api.value.getIndicatorProps()), props.name === void 0 ? null : h("input", api.value.getHiddenInputProps())]);
+		return () => {
+			const box = h("button", api.value.getRootProps(), [h("span", api.value.getIndicatorProps(), slots.indicator?.()), props.name === void 0 ? null : h("input", api.value.getHiddenInputProps())]);
+			const text = slots.default?.();
+			if (!slotPaints(text)) return box;
+			return h("label", api.value.getLabelProps(), [box, h("span", api.value.getTextProps(), text)]);
+		};
 	}
 });
 //#endregion

package/dist/components/checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","names":[],"sources":["../../../src/components/checkbox/checkbox.ts"],"sourcesContent":["import type { CheckboxCheckedState, CheckboxSchema } from '@xihan-ui/headless'\nimport type { Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { useCheckbox } from './use-checkbox'\n\ntype CheckboxProps = CheckboxSchema['props']\n\nexport const XhCheckbox = defineComponent({\n  name: 'XhCheckbox',\n  props: {\n    // 三态：true / false / 'indeterminate'。半选只能由外部给，点击不会切进去\n    checked: { type: [Boolean, String] as PropType<CheckboxCheckedState>, default: undefined },\n    defaultChecked: { type: [Boolean, String] as PropType<CheckboxCheckedState>, default: undefined },\n    disabled: Boolean,\n    /** 表单字段名；给了 hidden-input 才带 name 并参与提交 */\n    name: { type: String, default: undefined },\n    value: { type: String, default: undefined },\n    tone: String as PropType<Tone>,\n    size: String as PropType<Size>,\n  },\n  // checked-change 携带 { checked }，update:checked 携带裸布尔\n  emits: {\n    'checked-change': (_details: PayloadOf<CheckboxProps, 'onCheckedChange'>) => true,\n    'update:checked': (_checked: PayloadOf<CheckboxProps, 'onCheckedChange'>['checked']) => true,\n  },\n  setup(props, { emit }) {\n    const notify: CheckboxProps['onCheckedChange'] = (details) => {\n      emit('checked-change', details)\n      emit('update:checked', details.checked)\n    }\n    const { api } = useCheckbox(props as CheckboxProps, notify)\n    // 表单影子由组件自己渲染：单体控件没有子部件插槽，作者递不进来。\n    // 给了 name 才有这个节点——type=hidden 不是交互内容，放进 button 里是合法的\n    return () => h('button', api.value.getRootProps() as Record<string, unknown>, [\n      h('span', api.value.getIndicatorProps() as Record<string, unknown>),\n      props.name === undefined ? null : h('input', api.value.getHiddenInputProps() as Record<string, unknown>),\n    ])\n  },\n})\n"],"mappings":";;;AASA,MAAa,aAAa,gBAAgB;CACxC,MAAM;CACN,OAAO;EAEL,SAAS;GAAE,MAAM,CAAC,SAAS,MAAM;GAAqC,SAAS,KAAA;EAAU;EACzF,gBAAgB;GAAE,MAAM,CAAC,SAAS,MAAM;GAAqC,SAAS,KAAA;EAAU;EAChG,UAAU;;EAEV,MAAM;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EACzC,OAAO;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC1C,MAAM;EACN,MAAM;CACR;CAEA,OAAO;EACL,mBAAmB,aAA0D;EAC7E,mBAAmB,aAAqE;CAC1F;CACA,MAAM,OAAO,EAAE,QAAQ;EACrB,MAAM,UAA4C,YAAY;GAC5D,KAAK,kBAAkB,OAAO;GAC9B,KAAK,kBAAkB,QAAQ,OAAO;EACxC;EACA,MAAM,EAAE,QAAQ,YAAY,OAAwB,MAAM;EAG1D,aAAa,EAAE,UAAU,IAAI,MAAM,aAAa,GAA8B,CAC5E,EAAE,QAAQ,IAAI,MAAM,kBAAkB,CAA4B,GAClE,MAAM,SAAS,KAAA,IAAY,OAAO,EAAE,SAAS,IAAI,MAAM,oBAAoB,CAA4B,CACzG,CAAC;CACH;AACF,CAAC"}
+{"version":3,"file":"checkbox.js","names":[],"sources":["../../../src/components/checkbox/checkbox.ts"],"sourcesContent":["import type { CheckboxCheckedState, CheckboxSchema } from '@xihan-ui/headless'\nimport type { Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { slotPaints } from '../../runtime/slot-content'\nimport { useCheckbox } from './use-checkbox'\n\ntype CheckboxProps = CheckboxSchema['props']\n\nexport const XhCheckbox = defineComponent({\n  name: 'XhCheckbox',\n  props: {\n    // 三态：true / false / 'indeterminate'。半选只能由外部给，点击不会切进去\n    checked: { type: [Boolean, String] as PropType<CheckboxCheckedState>, default: undefined },\n    defaultChecked: { type: [Boolean, String] as PropType<CheckboxCheckedState>, default: undefined },\n    disabled: Boolean,\n    readOnly: Boolean,\n    invalid: Boolean,\n    required: Boolean,\n    /** 表单字段名；给了 hidden-input 才带 name 并参与提交 */\n    name: { type: String, default: undefined },\n    value: { type: String, default: undefined },\n    tone: String as PropType<Tone>,\n    size: String as PropType<Size>,\n  },\n  slots: Object as SlotsType<{\n    /** 方框旁的文字；不写就只有一个方框。 */\n    default?: () => VNode[]\n    /** 方框里的图形；不写由皮肤画勾。 */\n    indicator?: () => VNode[]\n  }>,\n  // checked-change 携带 { checked }，update:checked 携带裸布尔\n  emits: {\n    'checked-change': (_details: PayloadOf<CheckboxProps, 'onCheckedChange'>) => true,\n    'update:checked': (_checked: PayloadOf<CheckboxProps, 'onCheckedChange'>['checked']) => true,\n  },\n  setup(props, { emit, slots }) {\n    const notify: CheckboxProps['onCheckedChange'] = (details) => {\n      emit('checked-change', details)\n      emit('update:checked', details.checked)\n    }\n    const { api } = useCheckbox(props as CheckboxProps, notify)\n    // 表单影子由组件自己渲染，给了 name 才有这个节点——type=hidden 不是交互内容，放进 button 里是合法的\n    return () => {\n      const box = h('button', api.value.getRootProps() as Record<string, unknown>, [\n        h('span', api.value.getIndicatorProps() as Record<string, unknown>, slots.indicator?.()),\n        props.name === undefined ? null : h('input', api.value.getHiddenInputProps() as Record<string, unknown>),\n      ])\n      // 默认插槽是方框旁的文字：<label> 包住两者，点文字即切换。没给文字就只有方框\n      const text = slots.default?.()\n      if (!slotPaints(text))\n        return box\n      return h('label', api.value.getLabelProps() as Record<string, unknown>, [\n        box,\n        h('span', api.value.getTextProps() as Record<string, unknown>, text),\n      ])\n    }\n  },\n})\n"],"mappings":";;;;AAUA,MAAa,aAAa,gBAAgB;CACxC,MAAM;CACN,OAAO;EAEL,SAAS;GAAE,MAAM,CAAC,SAAS,MAAM;GAAqC,SAAS,KAAA;EAAU;EACzF,gBAAgB;GAAE,MAAM,CAAC,SAAS,MAAM;GAAqC,SAAS,KAAA;EAAU;EAChG,UAAU;EACV,UAAU;EACV,SAAS;EACT,UAAU;;EAEV,MAAM;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EACzC,OAAO;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC1C,MAAM;EACN,MAAM;CACR;CACA,OAAO;CAOP,OAAO;EACL,mBAAmB,aAA0D;EAC7E,mBAAmB,aAAqE;CAC1F;CACA,MAAM,OAAO,EAAE,MAAM,SAAS;EAC5B,MAAM,UAA4C,YAAY;GAC5D,KAAK,kBAAkB,OAAO;GAC9B,KAAK,kBAAkB,QAAQ,OAAO;EACxC;EACA,MAAM,EAAE,QAAQ,YAAY,OAAwB,MAAM;EAE1D,aAAa;GACX,MAAM,MAAM,EAAE,UAAU,IAAI,MAAM,aAAa,GAA8B,CAC3E,EAAE,QAAQ,IAAI,MAAM,kBAAkB,GAA8B,MAAM,YAAY,CAAC,GACvF,MAAM,SAAS,KAAA,IAAY,OAAO,EAAE,SAAS,IAAI,MAAM,oBAAoB,CAA4B,CACzG,CAAC;GAED,MAAM,OAAO,MAAM,UAAU;GAC7B,IAAI,CAAC,WAAW,IAAI,GAClB,OAAO;GACT,OAAO,EAAE,SAAS,IAAI,MAAM,cAAc,GAA8B,CACtE,KACA,EAAE,QAAQ,IAAI,MAAM,aAAa,GAA8B,IAAI,CACrE,CAAC;EACH;CACF;AACF,CAAC"}

package/dist/components/checkbox-group/context.js

@@ -1,7 +1,7 @@
 import { inject, provide } from "vue";
 //#region src/components/checkbox-group/context.ts
-const KEY = Symbol("xh-checkbox-group");
-const ITEM_KEY = Symbol("xh-checkbox-group-item");
+const KEY = Symbol.for("xh-checkbox-group");
+const ITEM_KEY = Symbol.for("xh-checkbox-group-item");
 function provideCheckboxGroup(ctx) {
 	provide(KEY, ctx);
 }

package/dist/components/checkbox-group/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/checkbox-group/context.ts"],"sourcesContent":["import type { CheckboxGroupItemProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { CheckboxGroupContext } from './use-checkbox-group'\nimport { inject, provide } from 'vue'\n\n/** 条目自报的值与禁用，供 indicator / item-text 这类子部件复用同一份声明。 */\nexport interface CheckboxGroupItemContext {\n  item: ComputedRef<CheckboxGroupItemProps>\n}\n\nconst KEY: InjectionKey<CheckboxGroupContext> = Symbol('xh-checkbox-group')\nconst ITEM_KEY: InjectionKey<CheckboxGroupItemContext> = Symbol('xh-checkbox-group-item')\n\nexport function provideCheckboxGroup(ctx: CheckboxGroupContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useCheckboxGroupContext(): CheckboxGroupContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] CheckboxGroup 部件必须用在 XhCheckboxGroupRoot 内')\n  return ctx\n}\n\nexport function provideCheckboxGroupItem(ctx: CheckboxGroupItemContext): void {\n  provide(ITEM_KEY, ctx)\n}\n\nexport function useCheckboxGroupItemContext(): CheckboxGroupItemContext {\n  const ctx = inject(ITEM_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] CheckboxGroup 条目子部件必须用在 XhCheckboxGroupItem 内')\n  return ctx\n}\n"],"mappings":";;AAUA,MAAM,MAA0C,OAAO,mBAAmB;AAC1E,MAAM,WAAmD,OAAO,wBAAwB;AAExF,SAAgB,qBAAqB,KAAiC;CACpE,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,0BAAgD;CAC9D,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,iDAAiD;CACnE,OAAO;AACT;AAEA,SAAgB,yBAAyB,KAAqC;CAC5E,QAAQ,UAAU,GAAG;AACvB;AAEA,SAAgB,8BAAwD;CACtE,MAAM,MAAM,OAAO,UAAU,IAAI;CACjC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,oDAAoD;CACtE,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/checkbox-group/context.ts"],"sourcesContent":["import type { CheckboxGroupItemProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { CheckboxGroupContext } from './use-checkbox-group'\nimport { inject, provide } from 'vue'\n\n/** 条目自报的值与禁用，供 indicator / item-text 这类子部件复用同一份声明。 */\nexport interface CheckboxGroupItemContext {\n  item: ComputedRef<CheckboxGroupItemProps>\n}\n\nconst KEY: InjectionKey<CheckboxGroupContext> = Symbol.for('xh-checkbox-group')\nconst ITEM_KEY: InjectionKey<CheckboxGroupItemContext> = Symbol.for('xh-checkbox-group-item')\n\nexport function provideCheckboxGroup(ctx: CheckboxGroupContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useCheckboxGroupContext(): CheckboxGroupContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] CheckboxGroup 部件必须用在 XhCheckboxGroupRoot 内')\n  return ctx\n}\n\nexport function provideCheckboxGroupItem(ctx: CheckboxGroupItemContext): void {\n  provide(ITEM_KEY, ctx)\n}\n\nexport function useCheckboxGroupItemContext(): CheckboxGroupItemContext {\n  const ctx = inject(ITEM_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] CheckboxGroup 条目子部件必须用在 XhCheckboxGroupItem 内')\n  return ctx\n}\n"],"mappings":";;AAUA,MAAM,MAA0C,OAAO,IAAI,mBAAmB;AAC9E,MAAM,WAAmD,OAAO,IAAI,wBAAwB;AAE5F,SAAgB,qBAAqB,KAAiC;CACpE,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,0BAAgD;CAC9D,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,iDAAiD;CACnE,OAAO;AACT;AAEA,SAAgB,yBAAyB,KAAqC;CAC5E,QAAQ,UAAU,GAAG;AACvB;AAEA,SAAgB,8BAAwD;CACtE,MAAM,MAAM,OAAO,UAAU,IAAI;CACjC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,oDAAoD;CACtE,OAAO;AACT"}

package/dist/components/clipboard/context.js

@@ -1,6 +1,6 @@
 import { inject, provide } from "vue";
 //#region src/components/clipboard/context.ts
-const KEY = Symbol("xh-clipboard");
+const KEY = Symbol.for("xh-clipboard");
 function provideClipboard(ctx) {
 	provide(KEY, ctx);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/clipboard/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { ClipboardContext } from './use-clipboard'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<ClipboardContext> = Symbol('xh-clipboard')\n\nexport function provideClipboard(ctx: ClipboardContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useClipboardContext(): ClipboardContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Clipboard 部件必须用在 XhClipboardRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAsC,OAAO,cAAc;AAEjE,SAAgB,iBAAiB,KAA6B;CAC5D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,sBAAwC;CACtD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,yCAAyC;CAC3D,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/clipboard/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { ClipboardContext } from './use-clipboard'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<ClipboardContext> = Symbol.for('xh-clipboard')\n\nexport function provideClipboard(ctx: ClipboardContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useClipboardContext(): ClipboardContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Clipboard 部件必须用在 XhClipboardRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAsC,OAAO,IAAI,cAAc;AAErE,SAAgB,iBAAiB,KAA6B;CAC5D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,sBAAwC;CACtD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,yCAAyC;CAC3D,OAAO;AACT"}

package/dist/components/code-block/code-block.d.ts

@@ -14,6 +14,7 @@ declare const XhCodeBlock: import("vue").DefineComponent<import("vue").ExtractPr
     type: BooleanConstructor;
     default: undefined;
   };
+  wrap: BooleanConstructor;
   /** 换一个着色实现（典型是接 Shiki）；显式给 null 则关掉着色。 */
   highlighter: {
     type: PropType<HighlighterPort | null>;
@@ -38,6 +39,7 @@ declare const XhCodeBlock: import("vue").DefineComponent<import("vue").ExtractPr
     type: BooleanConstructor;
     default: undefined;
   };
+  wrap: BooleanConstructor;
   /** 换一个着色实现（典型是接 Shiki）；显式给 null 则关掉着色。 */
   highlighter: {
     type: PropType<HighlighterPort | null>;
@@ -49,6 +51,7 @@ declare const XhCodeBlock: import("vue").DefineComponent<import("vue").ExtractPr
   };
 }>> & Readonly<{}>, {
   code: string;
+  wrap: boolean;
   lang: string;
   complete: boolean;
   highlighter: HighlighterPort | null;