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

package/dist/components/select/select.js

@@ -1,7 +1,8 @@
 import { withXhConfig } from "../../config/config.js";
+import { useFieldLabelWiring, useFieldStateWiring } from "../field/use-field-control.js";
 import { provideSelect, provideSelectItem, provideSelectTag, useSelectContext, useSelectItemContext, useSelectTagContext } from "./context.js";
 import { useSelect } from "./use-select.js";
-import { computed, defineComponent, h, onBeforeUnmount, ref, watch } from "vue";
+import { Teleport, computed, defineComponent, h, mergeProps, onBeforeUnmount, ref, watch } from "vue";
 //#region src/components/select/select.ts
 const XhSelectRoot = defineComponent({
 	name: "XhSelectRoot",
@@ -30,6 +31,13 @@ const XhSelectRoot = defineComponent({
 		},
 		defaultOpen: Boolean,
 		disabled: Boolean,
+		/** 只读：浮层照常展开与浏览，但选中值改不动、也清不掉。 */
+		readOnly: {
+			type: Boolean,
+			default: void 0
+		},
+		/** 自动渲染树里是否带清空按钮；手写部件不看它，写了节点即可清。 */
+		clearable: Boolean,
 		invalid: {
 			type: Boolean,
 			default: void 0
@@ -117,7 +125,7 @@ const XhSelectRoot = defineComponent({
 			setValue: ctx.api.value.setValue,
 			clear: ctx.api.value.clear,
 			deselect: ctx.api.value.deselect
-		}) ?? [] : props.collection ? renderDefaultTree(ctx.api.value.collection, slots.label?.() ?? (props.label != null ? [props.label] : null), slots.item) : []]);
+		}) ?? [] : props.collection ? renderDefaultTree(ctx.api.value.collection, slots.label?.() ?? (props.label != null ? [props.label] : null), props.clearable, slots.item) : []]);
 	}
 });
 const XhSelectLabel = defineComponent({
@@ -137,13 +145,16 @@ const XhSelectControl = defineComponent({
 const XhSelectTrigger = defineComponent({
 	name: "XhSelectTrigger",
 	setup(_, { slots }) {
+		const fieldWiring = useFieldStateWiring();
+		const fieldLabel = useFieldLabelWiring();
 		const ctx = useSelectContext();
-		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 XhSelectValueText = defineComponent({
@@ -181,24 +192,25 @@ value: {
 		return () => h("span", ctx.api.value.getTagProps({ value: props.value }), slots.default?.());
 	}
 });
-const XhSelectTagRemove = defineComponent({
-	name: "XhSelectTagRemove",
+const XhSelectItemDeleteTrigger = defineComponent({
+	name: "XhSelectItemDeleteTrigger",
 	setup(_, { slots }) {
 		const ctx = useSelectContext();
 		const tag = useSelectTagContext();
-		return () => h("button", ctx.api.value.getTagRemoveProps({ value: tag.value() }), slots.default?.());
+		return () => h("button", ctx.api.value.getItemDeleteTriggerProps({ value: tag.value() }), slots.default?.());
 	}
 });
 const XhSelectPositioner = defineComponent({
 	name: "XhSelectPositioner",
-	setup(_, { slots }) {
+	inheritAttrs: false,
+	setup(_, { slots, attrs }) {
 		const ctx = useSelectContext();
-		return () => h("div", {
-			...ctx.api.value.getPositionerProps(),
+		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?.())]);
 	}
 });
 const XhSelectContent = defineComponent({
@@ -207,12 +219,27 @@ const XhSelectContent = defineComponent({
 		const ctx = useSelectContext();
 		return () => h("div", {
 			...ctx.api.value.getContentProps(),
+			style: ctx.visible.value ? void 0 : { display: "none" },
 			ref: (el) => {
 				ctx.contentRef.value = el;
 			}
 		}, slots.default?.());
 	}
 });
+const XhSelectList = defineComponent({
+	name: "XhSelectList",
+	setup(_, { slots }) {
+		const ctx = useSelectContext();
+		return () => h("div", ctx.api.value.getListProps(), slots.default?.());
+	}
+});
+const XhSelectFooter = defineComponent({
+	name: "XhSelectFooter",
+	setup(_, { slots }) {
+		const ctx = useSelectContext();
+		return () => h("div", ctx.api.value.getFooterProps(), slots.default?.());
+	}
+});
 const XhSelectItem = defineComponent({
 	name: "XhSelectItem",
 	props: {
@@ -273,17 +300,18 @@ const XhSelectItemIndicator = defineComponent({
 * 没写默认插槽时按 collection 铺开的整套结构，作者只交数据。
 * 与手写部件产出的 DOM 完全一致，要改结构就写默认插槽，行为不变。
 */
-function renderDefaultTree(collection, label, itemSlot) {
+function renderDefaultTree(collection, label, clearable, itemSlot) {
+	const trigger = h(XhSelectTrigger, null, () => [h(XhSelectValueText), h(XhSelectIndicator)]);
 	return [
 		...label ? [h(XhSelectLabel, null, () => label)] : [],
-		h(XhSelectTrigger, null, () => [h(XhSelectValueText), h(XhSelectIndicator)]),
-		h(XhSelectPositioner, null, () => [h(XhSelectContent, null, () => collection.map((node) => h(XhSelectItem, {
+		h(XhSelectControl, null, () => clearable ? [trigger, h(XhSelectClearTrigger)] : [trigger]),
+		h(XhSelectPositioner, null, () => [h(XhSelectContent, null, () => h(XhSelectList, null, () => collection.map((node) => h(XhSelectItem, {
 			key: node.value,
 			value: node.value
-		}, () => [h(XhSelectItemText, null, () => itemSlot?.(node) ?? node.label), h(XhSelectItemIndicator)])))])
+		}, () => [h(XhSelectItemText, null, () => itemSlot?.(node) ?? node.label), h(XhSelectItemIndicator)]))))])
 	];
 }
 //#endregion
-export { XhSelectClearTrigger, XhSelectContent, XhSelectControl, XhSelectIndicator, XhSelectItem, XhSelectItemIndicator, XhSelectItemText, XhSelectLabel, XhSelectPositioner, XhSelectRoot, XhSelectTag, XhSelectTagRemove, XhSelectTrigger, XhSelectValueText };
+export { XhSelectClearTrigger, XhSelectContent, XhSelectControl, XhSelectFooter, XhSelectIndicator, XhSelectItem, XhSelectItemDeleteTrigger, XhSelectItemIndicator, XhSelectItemText, XhSelectLabel, XhSelectList, XhSelectPositioner, XhSelectRoot, XhSelectTag, XhSelectTrigger, XhSelectValueText };
 
 //# sourceMappingURL=select.js.map

package/dist/components/select/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","names":[],"sources":["../../../src/components/select/select.ts"],"sourcesContent":["import type { SelectApi, SelectItemProps, SelectNode, SelectNodeMeta, SelectOpenChangeDetails, SelectSchema, SelectValueChangeDetails } from '@xihan-ui/headless'\nimport type { ControlVariant, Direction, Placement, Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport { computed, defineComponent, h, onBeforeUnmount, ref, watch } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { provideSelect, provideSelectItem, provideSelectTag, useSelectContext, useSelectItemContext, useSelectTagContext } from './context'\nimport { useSelect } from './use-select'\n\ntype SelectProps = SelectSchema['props']\n\n/** 默认插槽的载荷：展开态、选中集合与显示文字、可见标签与被折起的个数，以及改展开、改值、清空、摘值四个动作。 */\nexport type SelectRootSlotProps = Pick<\n  SelectApi,\n  'open' | 'value' | 'displayText' | 'tags' | 'overflowCount' | 'setOpen' | 'setValue' | 'clear' | 'deselect'\n>\n\nexport const XhSelectRoot = defineComponent({\n  name: 'XhSelectRoot',\n  // 有 connect 兜底的 prop 一律 default: undefined\n  props: {\n    collection: { type: Array as PropType<SelectNode[]>, default: undefined },\n    /** 标题文字。给了它就不必再写 label 部件；要放别的内容改用 label 插槽。 */\n    label: { type: String, default: undefined },\n    value: { type: [String, Array] as PropType<string | string[] | null>, default: undefined },\n    defaultValue: { type: [String, Array] as PropType<string | string[] | null>, default: undefined },\n    multiple: Boolean,\n    open: { type: Boolean, default: undefined },\n    defaultOpen: Boolean,\n    disabled: Boolean,\n    invalid: { type: Boolean, default: undefined },\n    required: Boolean,\n    name: { type: String, default: undefined },\n    translations: { type: Object as PropType<SelectProps['translations']>, default: undefined },\n    maxTagCount: { type: Number, default: undefined },\n    placeholder: { 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    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  },\n  // *-change 携带 details 对象，update:* 携带裸值。\n  // 校验函数恒真，只声明载荷类型：'update:value' 是 string[]，单选也是长度 1 的数组而非裸串。\n  emits: {\n    'value-change': (_details: SelectValueChangeDetails) => true,\n    'open-change': (_details: SelectOpenChangeDetails) => true,\n    'update:value': (_value: string[]) => true,\n    'update:open': (_open: boolean) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: SelectRootSlotProps) => VNode[]\n    label?: () => VNode[]\n    item?: (node: SelectNodeMeta) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notifyValue: SelectProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const notifyOpen: SelectProps['onOpenChange'] = (details) => {\n      emit('open-change', details)\n      emit('update:open', details.open)\n    }\n    const ctx = useSelect(withXhConfig('select', props) as SelectProps, notifyValue, notifyOpen)\n    provideSelect(ctx)\n\n    // 表单影子由根部件装配：空串选项打底，每个选中值一个 selected 选项，供 required 判定。\n    // 选中态一律靠选项的 selected 表达，多选下 select.value 表达不了集合。\n    const hiddenSelect = (): VNode => {\n      const api = ctx.api.value\n      const options = [h('option', { value: '' })]\n      for (const [i, v] of api.value.entries())\n        options.push(h('option', { value: v, selected: true }, api.valueText[i] ?? v))\n      return h('select', api.getHiddenSelectProps() as Record<string, unknown>, options)\n    }\n\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, [\n      hiddenSelect(),\n      ...(slots.default\n        ? slots.default({\n          open: ctx.api.value.open,\n          value: ctx.api.value.value,\n          displayText: ctx.api.value.displayText,\n          tags: ctx.api.value.tags,\n          overflowCount: ctx.api.value.overflowCount,\n          setOpen: ctx.api.value.setOpen,\n          setValue: ctx.api.value.setValue,\n          clear: ctx.api.value.clear,\n          deselect: ctx.api.value.deselect,\n        }) ?? []\n        : props.collection\n          ? renderDefaultTree(\n              ctx.api.value.collection,\n              slots.label?.() ?? (props.label != null ? [props.label] : null),\n              slots.item,\n            )\n          : []),\n    ])\n  },\n})\n\nexport const XhSelectLabel = defineComponent({\n  name: 'XhSelectLabel',\n  setup(_, { slots }) {\n    const ctx = useSelectContext()\n    return () => h('span', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSelectControl = defineComponent({\n  name: 'XhSelectControl',\n  setup(_, { slots }) {\n    const ctx = useSelectContext()\n    // 触发器与清空按钮的收纳容器：清空钮据此嵌进触发器右端\n    return () => h('div', ctx.api.value.getControlProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSelectTrigger = defineComponent({\n  name: 'XhSelectTrigger',\n  setup(_, { slots }) {\n    const ctx = useSelectContext()\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 XhSelectValueText = defineComponent({\n  name: 'XhSelectValueText',\n  setup(_, { slots }) {\n    const ctx = useSelectContext()\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 XhSelectIndicator = defineComponent({\n  name: 'XhSelectIndicator',\n  setup(_, { slots }) {\n    const ctx = useSelectContext()\n    return () => h('span', ctx.api.value.getIndicatorProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSelectClearTrigger = defineComponent({\n  name: 'XhSelectClearTrigger',\n  setup(_, { slots }) {\n    const ctx = useSelectContext()\n    // 节点常挂，没选中或禁用时靠 hidden 藏掉\n    return () => h('button', ctx.api.value.getClearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSelectTag = defineComponent({\n  name: 'XhSelectTag',\n  props: {\n    /** 它代表哪个选中值。 */\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useSelectContext()\n    provideSelectTag({ value: () => props.value })\n    return () => h('span', ctx.api.value.getTagProps({ value: props.value }) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSelectTagRemove = defineComponent({\n  name: 'XhSelectTagRemove',\n  setup(_, { slots }) {\n    const ctx = useSelectContext()\n    const tag = useSelectTagContext()\n    return () => h('button', ctx.api.value.getTagRemoveProps({ value: tag.value() }) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSelectPositioner = defineComponent({\n  name: 'XhSelectPositioner',\n  setup(_, { slots }) {\n    const ctx = useSelectContext()\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 XhSelectContent = defineComponent({\n  name: 'XhSelectContent',\n  setup(_, { slots }) {\n    const ctx = useSelectContext()\n    return () => h('div', {\n      ...ctx.api.value.getContentProps() as Record<string, unknown>,\n      ref: (el: unknown) => { ctx.contentRef.value = el as HTMLElement },\n    }, slots.default?.())\n  },\n})\n\nexport const XhSelectItem = defineComponent({\n  name: 'XhSelectItem',\n  props: {\n    value: { type: String, required: true },\n    // 缺省交给 connect 回 collection 里查，写死 false 会盖掉数据里的禁用\n    disabled: { type: Boolean, default: undefined },\n  },\n  setup(props, { slots }) {\n    const ctx = useSelectContext()\n    const item = computed<SelectItemProps>(() => ({ value: props.value, disabled: props.disabled }))\n    provideSelectItem({ item })\n    // 本条目持有焦点时，value 变更重报高亮条目，卸载时上报条目丢失\n    const itemEl = ref<HTMLElement | null>(null)\n    watch(() => props.value, (next, prev) => {\n      if (next === prev)\n        return\n      const svc = ctx.service\n      if (svc.getStatus() !== 'Started')\n        return\n      if (itemEl.value && svc.scope.getActiveElement() === itemEl.value)\n        svc.send({ type: 'ITEM.HIGHLIGHT', value: next })\n    })\n    onBeforeUnmount(() => {\n      const { service } = ctx\n      if (service.getStatus() !== 'Started')\n        return\n      // 按「本节点当下正持有焦点」判定，不按 value 比对\n      if (itemEl.value && service.scope.getActiveElement() === itemEl.value)\n        service.send({ type: 'ITEM.LOST' })\n    })\n    return () => h(\n      'div',\n      { ...ctx.api.value.getItemProps(item.value) as Record<string, unknown>, ref: itemEl },\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhSelectItemText = defineComponent({\n  name: 'XhSelectItemText',\n  setup(_, { slots }) {\n    const ctx = useSelectContext()\n    const { item } = useSelectItemContext()\n    return () => h('span', ctx.api.value.getItemTextProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSelectItemIndicator = defineComponent({\n  name: 'XhSelectItemIndicator',\n  setup(_, { slots }) {\n    const ctx = useSelectContext()\n    const { item } = useSelectItemContext()\n    return () => h('span', ctx.api.value.getItemIndicatorProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * 没写默认插槽时按 collection 铺开的整套结构，作者只交数据。\n * 与手写部件产出的 DOM 完全一致，要改结构就写默认插槽，行为不变。\n */\nfunction renderDefaultTree(\n  collection: readonly SelectNodeMeta[],\n  label: (VNode | string)[] | null,\n  itemSlot?: (node: SelectNodeMeta) => VNode[],\n): VNode[] {\n  return [\n    ...(label ? [h(XhSelectLabel, null, () => label)] : []),\n    h(XhSelectTrigger, null, () => [h(XhSelectValueText), h(XhSelectIndicator)]),\n    h(XhSelectPositioner, null, () => [\n      h(XhSelectContent, null, () => collection.map(node =>\n        h(XhSelectItem, { key: node.value, value: node.value }, () => [\n          h(XhSelectItemText, null, () => itemSlot?.(node) ?? node.label),\n          h(XhSelectItemIndicator),\n        ]),\n      )),\n    ]),\n  ]\n}\n"],"mappings":"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"}
+{"version":3,"file":"select.js","names":[],"sources":["../../../src/components/select/select.ts"],"sourcesContent":["import type { SelectApi, SelectItemProps, SelectNode, SelectNodeMeta, SelectOpenChangeDetails, SelectSchema, SelectValueChangeDetails } from '@xihan-ui/headless'\nimport type { ControlVariant, Direction, Placement, Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport { computed, defineComponent, h, mergeProps, onBeforeUnmount, ref, Teleport, watch } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { useFieldLabelWiring, useFieldStateWiring } from '../field/use-field-control'\nimport { provideSelect, provideSelectItem, provideSelectTag, useSelectContext, useSelectItemContext, useSelectTagContext } from './context'\nimport { useSelect } from './use-select'\n\ntype SelectProps = SelectSchema['props']\n\n/** 默认插槽的载荷：展开态、选中集合与显示文字、可见标签与被折起的个数，以及改展开、改值、清空、摘值四个动作。 */\nexport type SelectRootSlotProps = Pick<\n  SelectApi,\n  'open' | 'value' | 'displayText' | 'tags' | 'overflowCount' | 'setOpen' | 'setValue' | 'clear' | 'deselect'\n>\n\nexport const XhSelectRoot = defineComponent({\n  name: 'XhSelectRoot',\n  // 有 connect 兜底的 prop 一律 default: undefined\n  props: {\n    collection: { type: Array as PropType<SelectNode[]>, default: undefined },\n    /** 标题文字。给了它就不必再写 label 部件；要放别的内容改用 label 插槽。 */\n    label: { type: String, default: undefined },\n    value: { type: [String, Array] as PropType<string | string[] | null>, default: undefined },\n    defaultValue: { type: [String, Array] as PropType<string | string[] | null>, default: undefined },\n    multiple: Boolean,\n    open: { type: Boolean, default: undefined },\n    defaultOpen: Boolean,\n    disabled: Boolean,\n    /** 只读：浮层照常展开与浏览，但选中值改不动、也清不掉。 */\n    readOnly: { type: Boolean, default: undefined },\n    /** 自动渲染树里是否带清空按钮；手写部件不看它，写了节点即可清。 */\n    clearable: Boolean,\n    invalid: { type: Boolean, default: undefined },\n    required: Boolean,\n    name: { type: String, default: undefined },\n    translations: { type: Object as PropType<SelectProps['translations']>, default: undefined },\n    maxTagCount: { type: Number, default: undefined },\n    placeholder: { 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    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  },\n  // *-change 携带 details 对象，update:* 携带裸值。\n  // 校验函数恒真，只声明载荷类型：'update:value' 是 string[]，单选也是长度 1 的数组而非裸串。\n  emits: {\n    'value-change': (_details: SelectValueChangeDetails) => true,\n    'open-change': (_details: SelectOpenChangeDetails) => true,\n    'update:value': (_value: string[]) => true,\n    'update:open': (_open: boolean) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: SelectRootSlotProps) => VNode[]\n    label?: () => VNode[]\n    item?: (node: SelectNodeMeta) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notifyValue: SelectProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const notifyOpen: SelectProps['onOpenChange'] = (details) => {\n      emit('open-change', details)\n      emit('update:open', details.open)\n    }\n    const ctx = useSelect(withXhConfig('select', props) as SelectProps, notifyValue, notifyOpen)\n    provideSelect(ctx)\n\n    // 表单影子由根部件装配：空串选项打底，每个选中值一个 selected 选项，供 required 判定。\n    // 选中态一律靠选项的 selected 表达，多选下 select.value 表达不了集合。\n    const hiddenSelect = (): VNode => {\n      const api = ctx.api.value\n      const options = [h('option', { value: '' })]\n      for (const [i, v] of api.value.entries())\n        options.push(h('option', { value: v, selected: true }, api.valueText[i] ?? v))\n      return h('select', api.getHiddenSelectProps() as Record<string, unknown>, options)\n    }\n\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, [\n      hiddenSelect(),\n      ...(slots.default\n        ? slots.default({\n          open: ctx.api.value.open,\n          value: ctx.api.value.value,\n          displayText: ctx.api.value.displayText,\n          tags: ctx.api.value.tags,\n          overflowCount: ctx.api.value.overflowCount,\n          setOpen: ctx.api.value.setOpen,\n          setValue: ctx.api.value.setValue,\n          clear: ctx.api.value.clear,\n          deselect: ctx.api.value.deselect,\n        }) ?? []\n        : props.collection\n          ? renderDefaultTree(\n              ctx.api.value.collection,\n              slots.label?.() ?? (props.label != null ? [props.label] : null),\n              props.clearable,\n              slots.item,\n            )\n          : []),\n    ])\n  },\n})\n\nexport const XhSelectLabel = defineComponent({\n  name: 'XhSelectLabel',\n  setup(_, { slots }) {\n    const ctx = useSelectContext()\n    return () => h('span', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSelectControl = defineComponent({\n  name: 'XhSelectControl',\n  setup(_, { slots }) {\n    const ctx = useSelectContext()\n    // 盒：触发器与清空按钮在里面并排，描边、底色与聚焦环都长在它上面\n    return () => h('div', ctx.api.value.getControlProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSelectTrigger = defineComponent({\n  name: 'XhSelectTrigger',\n  setup(_, { slots }) {\n    // 字段的说明与校验状态要落在真控件上，不能停在封装根的 div 上\n    const fieldWiring = useFieldStateWiring()\n    // 字段的标签也得并进名字链：控件自带的那条指的是它自己那个没渲染的 label 部件\n    const fieldLabel = useFieldLabelWiring()\n    const ctx = useSelectContext()\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 XhSelectValueText = defineComponent({\n  name: 'XhSelectValueText',\n  setup(_, { slots }) {\n    const ctx = useSelectContext()\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 XhSelectIndicator = defineComponent({\n  name: 'XhSelectIndicator',\n  setup(_, { slots }) {\n    const ctx = useSelectContext()\n    return () => h('span', ctx.api.value.getIndicatorProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSelectClearTrigger = defineComponent({\n  name: 'XhSelectClearTrigger',\n  setup(_, { slots }) {\n    const ctx = useSelectContext()\n    // 节点常挂，清不了时靠 hidden 藏掉\n    return () => h('button', ctx.api.value.getClearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSelectTag = defineComponent({\n  name: 'XhSelectTag',\n  props: {\n    /** 它代表哪个选中值。 */\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useSelectContext()\n    provideSelectTag({ value: () => props.value })\n    return () => h('span', ctx.api.value.getTagProps({ value: props.value }) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSelectItemDeleteTrigger = defineComponent({\n  name: 'XhSelectItemDeleteTrigger',\n  setup(_, { slots }) {\n    const ctx = useSelectContext()\n    const tag = useSelectTagContext()\n    return () => h('button', ctx.api.value.getItemDeleteTriggerProps({ value: tag.value() }) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSelectPositioner = defineComponent({\n  name: 'XhSelectPositioner',\n  // 根是 Teleport，Vue 不会把直通属性合上去，作者写的 class 与 style 得自己接住落到 positioner 上\n  inheritAttrs: false,\n  setup(_, { slots, attrs }) {\n    const ctx = useSelectContext()\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?.()),\n    ])\n  },\n})\n\nexport const XhSelectContent = defineComponent({\n  name: 'XhSelectContent',\n  setup(_, { slots }) {\n    const ctx = useSelectContext()\n    return () => h('div', {\n      ...ctx.api.value.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    }, slots.default?.())\n  },\n})\n\nexport const XhSelectList = defineComponent({\n  name: 'XhSelectList',\n  setup(_, { slots }) {\n    const ctx = useSelectContext()\n    // 列表框本体：条目放这里面。滚动也在这一层，底部操作区因此不随条目滚走\n    return () => h('div', ctx.api.value.getListProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSelectFooter = defineComponent({\n  name: 'XhSelectFooter',\n  setup(_, { slots }) {\n    const ctx = useSelectContext()\n    // 浮层底部的操作区：是 list 的兄弟，不进列表框的拥有关系，\n    // 放在里面的按钮既不违反 listbox 的子节点约束，也不会被方向键与连打检索走到\n    return () => h('div', ctx.api.value.getFooterProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSelectItem = defineComponent({\n  name: 'XhSelectItem',\n  props: {\n    value: { type: String, required: true },\n    // 缺省交给 connect 回 collection 里查，写死 false 会盖掉数据里的禁用\n    disabled: { type: Boolean, default: undefined },\n  },\n  setup(props, { slots }) {\n    const ctx = useSelectContext()\n    const item = computed<SelectItemProps>(() => ({ value: props.value, disabled: props.disabled }))\n    provideSelectItem({ item })\n    // 本条目持有焦点时，value 变更重报高亮条目，卸载时上报条目丢失\n    const itemEl = ref<HTMLElement | null>(null)\n    watch(() => props.value, (next, prev) => {\n      if (next === prev)\n        return\n      const svc = ctx.service\n      if (svc.getStatus() !== 'Started')\n        return\n      if (itemEl.value && svc.scope.getActiveElement() === itemEl.value)\n        svc.send({ type: 'ITEM.HIGHLIGHT', value: next })\n    })\n    onBeforeUnmount(() => {\n      const { service } = ctx\n      if (service.getStatus() !== 'Started')\n        return\n      // 按「本节点当下正持有焦点」判定，不按 value 比对\n      if (itemEl.value && service.scope.getActiveElement() === itemEl.value)\n        service.send({ type: 'ITEM.LOST' })\n    })\n    return () => h(\n      'div',\n      { ...ctx.api.value.getItemProps(item.value) as Record<string, unknown>, ref: itemEl },\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhSelectItemText = defineComponent({\n  name: 'XhSelectItemText',\n  setup(_, { slots }) {\n    const ctx = useSelectContext()\n    const { item } = useSelectItemContext()\n    return () => h('span', ctx.api.value.getItemTextProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSelectItemIndicator = defineComponent({\n  name: 'XhSelectItemIndicator',\n  setup(_, { slots }) {\n    const ctx = useSelectContext()\n    const { item } = useSelectItemContext()\n    return () => h('span', ctx.api.value.getItemIndicatorProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * 没写默认插槽时按 collection 铺开的整套结构，作者只交数据。\n * 与手写部件产出的 DOM 完全一致，要改结构就写默认插槽，行为不变。\n */\nfunction renderDefaultTree(\n  collection: readonly SelectNodeMeta[],\n  label: (VNode | string)[] | null,\n  clearable: boolean,\n  itemSlot?: (node: SelectNodeMeta) => VNode[],\n): VNode[] {\n  const trigger = h(XhSelectTrigger, null, () => [h(XhSelectValueText), h(XhSelectIndicator)])\n  return [\n    ...(label ? [h(XhSelectLabel, null, () => label)] : []),\n    // control 是盒：描边、底色与聚焦环都长在它上面，触发器与清空钮在里面并排。\n    // 清空钮排在触发器之后（按钮不能套按钮），展开箭头是触发器里的指示符，\n    // 视觉上仍是「清空在左、箭头在右」\n    h(XhSelectControl, null, () => (clearable ? [trigger, h(XhSelectClearTrigger)] : [trigger])),\n    h(XhSelectPositioner, null, () => [\n      h(XhSelectContent, null, () => h(XhSelectList, null, () => collection.map(node =>\n        h(XhSelectItem, { key: node.value, value: node.value }, () => [\n          h(XhSelectItemText, null, () => itemSlot?.(node) ?? node.label),\n          h(XhSelectItemIndicator),\n        ]),\n      ))),\n    ]),\n  ]\n}\n"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"use-select.d.ts","names":[],"sources":["../../../src/components/select/use-select.ts"],"mappings":";;;;UAYiB;;EAEf,SAAS,QAAQ;EACjB,KAAK,YAAY;EACjB,YAAY,IAAI;EAChB,eAAe,IAAI;EACnB,YAAY,IAAI;;iBAGF,UACd,OAAO,uBACP,gBAAgB,wCAChB,eAAe,wCACd"}
+{"version":3,"file":"use-select.d.ts","names":[],"sources":["../../../src/components/select/use-select.ts"],"mappings":";;;;UAciB;;EAEf,SAAS,QAAQ;EACjB,KAAK,YAAY;EACjB,YAAY,IAAI;EAChB,eAAe,IAAI;EACnB,YAAY,IAAI;;EAEhB,SAAS;;EAET,cAAc,qBAAqB;;iBAGrB,UACd,OAAO,uBACP,gBAAgB,wCAChB,eAAe,wCACd"}

package/dist/components/select/use-select.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/select/use-select.ts
 function useSelect(props, onValueChange, onOpenChange) {
+	const xhConfig = useXhConfig();
 	const triggerRef = ref(null);
 	const positionerRef = ref(null);
 	const contentRef = ref(null);
@@ -17,8 +20,9 @@ function useSelect(props, onValueChange, onOpenChange) {
 		onValueChange,
 		onOpenChange
 	}), scope);
+	let config = null;
 	if (typeof document !== "undefined") {
-		const config = createRuntimeConfig({
+		config = createRuntimeConfig({
 			scope,
 			idGenerator: idGen
 		});
@@ -37,12 +41,19 @@ function useSelect(props, onValueChange, onOpenChange) {
 		service.refs.set("getFloatingEl", () => positionerRef.value);
 		service.refs.set("getContentEl", () => contentRef.value);
 	}
+	const api = computed(() => connectSelect(service, vueNormalize));
 	return {
+		visible: useOverlayExit({
+			config,
+			isOpen: () => api.value.open,
+			contentRef
+		}),
 		service,
-		api: computed(() => connectSelect(service, vueNormalize)),
+		api,
 		triggerRef,
 		positionerRef,
-		contentRef
+		contentRef,
+		portalTarget: computed(() => xhConfig.value.portalContainer?.() ?? config?.portalContainer() ?? "body")
 	};
 }
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"use-select.js","names":[],"sources":["../../../src/components/select/use-select.ts"],"sourcesContent":["import type { SelectApi, SelectSchema } 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 { connectSelect, selectMachine } 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 SelectContext {\n  /** 机器实例，供部件上报 DOM 侧的事实（如条目卸载带走了焦点）。 */\n  service: Service<SelectSchema>\n  api: ComputedRef<SelectApi>\n  triggerRef: Ref<HTMLElement | null>\n  positionerRef: Ref<HTMLElement | null>\n  contentRef: Ref<HTMLElement | null>\n}\n\nexport function useSelect(\n  props: SelectSchema['props'],\n  onValueChange?: SelectSchema['props']['onValueChange'],\n  onOpenChange?: SelectSchema['props']['onOpenChange'],\n): SelectContext {\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(selectMachine, () => ({ ...props, onValueChange, onOpenChange }), 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    // 定位引擎由适配器注入，机器只经端口驱动\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(() => connectSelect(service, vueNormalize))\n  return { service, api, triggerRef, positionerRef, contentRef }\n}\n"],"mappings":";;;;;;;;AAqBA,SAAgB,UACd,OACA,eACA,cACe;CACf,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,sBAAsB;EAAE,GAAG;EAAO;EAAe;CAAa,IAAI,KAAK;CAElG,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,cAAc,SAAS,YAAY,CAC1C;EAAG;EAAY;EAAe;CAAW;AAC/D"}
+{"version":3,"file":"use-select.js","names":[],"sources":["../../../src/components/select/use-select.ts"],"sourcesContent":["import type { SelectApi, SelectSchema } 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 { connectSelect, selectMachine } 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 SelectContext {\n  /** 机器实例，供部件上报 DOM 侧的事实（如条目卸载带走了焦点）。 */\n  service: Service<SelectSchema>\n  api: ComputedRef<SelectApi>\n  triggerRef: Ref<HTMLElement | null>\n  positionerRef: Ref<HTMLElement | null>\n  contentRef: Ref<HTMLElement | null>\n  /** 此刻该不该渲染：退场动画播完之前仍为真。 */\n  visible: Ref<boolean>\n  /** 浮层搬到哪儿：全局配置的容器 > 运行时的浮层落点 > body。 */\n  portalTarget: ComputedRef<string | Element>\n}\n\nexport function useSelect(\n  props: SelectSchema['props'],\n  onValueChange?: SelectSchema['props']['onValueChange'],\n  onOpenChange?: SelectSchema['props']['onOpenChange'],\n): SelectContext {\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(selectMachine, () => ({ ...props, onValueChange, onOpenChange }), 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      branches: () => [triggerRef.value].filter(Boolean) as Element[],\n      isModal: () => false,\n      setModal: () => {},\n      surfaces: () => [],\n    })\n\n    // 定位引擎由适配器注入，机器只经端口驱动\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(() => connectSelect(service, vueNormalize))\n  // 退场闸门：收起从跟着 open 走，改成跟着 presence 走\n  const visible = useOverlayExit({ config, isOpen: () => api.value.open, contentRef })\n  // 全局配置写了容器就用它，否则落到运行时那个单一浮层落点；没有 DOM 时才回到 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,UACd,OACA,eACA,cACe;CACf,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,sBAAsB;EAAE,GAAG;EAAO;EAAe;CAAa,IAAI,KAAK;CAGlG,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;GAEvB,gBAAgB,CAAC,WAAW,KAAK,CAAC,CAAC,OAAO,OAAO;GACjD,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,cAAc,SAAS,YAAY,CAAC;CAM/D,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/separator/separator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"separator.d.ts","names":[],"sources":["../../../src/components/separator/separator.ts"],"mappings":";;cAMa,2BAAW,8BAAA;;IAGW,MAAA;;;;;;;;IAAA,MAAA;;;;;;;qCAMjC"}
+{"version":3,"file":"separator.d.ts","names":[],"sources":["../../../src/components/separator/separator.ts"],"mappings":";;cAOa,2BAAW,8BAAA;;IAGW,MAAA;;;;;;;;IAAA,MAAA;;;;;;;qCAiBjC"}

package/dist/components/separator/separator.js

@@ -1,6 +1,7 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
 import { defineComponent, h } from "vue";
 import { connectSeparator } from "@xihan-ui/headless";
+import { DIAGNOSTIC_CODES, reportDiagnostic } from "@xihan-ui/kernel";
 //#region src/components/separator/separator.ts
 const XhSeparator = defineComponent({
 	name: "XhSeparator",
@@ -11,8 +12,16 @@ const XhSeparator = defineComponent({
 		},
 		decorative: Boolean
 	},
-	setup(props) {
-		return () => h("div", connectSeparator(props, vueNormalize).getRootProps());
+	setup(props, { slots }) {
+		return () => {
+			if (slots.default) reportDiagnostic({
+				code: DIAGNOSTIC_CODES.ignoredSlot,
+				level: "warn",
+				scope: "separator",
+				message: "分隔线不渲染插槽内容。带文案的分节标题在外层排版：一行里摆两条线，中间放文案。"
+			});
+			return h("div", connectSeparator(props, vueNormalize).getRootProps());
+		};
 	}
 });
 //#endregion

package/dist/components/separator/separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"separator.js","names":[],"sources":["../../../src/components/separator/separator.ts"],"sourcesContent":["import type { SeparatorProps } from '@xihan-ui/headless'\nimport type { PropType } from 'vue'\nimport { connectSeparator } from '@xihan-ui/headless'\nimport { defineComponent, h } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\n\nexport const XhSeparator = defineComponent({\n  name: 'XhSeparator',\n  props: {\n    orientation: { type: String as PropType<'horizontal' | 'vertical'>, default: 'horizontal' },\n    decorative: Boolean,\n  },\n  setup(props) {\n    return () => h('div', connectSeparator(props as SeparatorProps, vueNormalize).getRootProps() as Record<string, unknown>)\n  },\n})\n"],"mappings":";;;;AAMA,MAAa,cAAc,gBAAgB;CACzC,MAAM;CACN,OAAO;EACL,aAAa;GAAE,MAAM;GAA+C,SAAS;EAAa;EAC1F,YAAY;CACd;CACA,MAAM,OAAO;EACX,aAAa,EAAE,OAAO,iBAAiB,OAAyB,YAAY,CAAC,CAAC,aAAa,CAA4B;CACzH;AACF,CAAC"}
+{"version":3,"file":"separator.js","names":[],"sources":["../../../src/components/separator/separator.ts"],"sourcesContent":["import type { SeparatorProps } from '@xihan-ui/headless'\nimport type { PropType } from 'vue'\nimport { connectSeparator } from '@xihan-ui/headless'\nimport { DIAGNOSTIC_CODES, reportDiagnostic } from '@xihan-ui/kernel'\nimport { defineComponent, h } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\n\nexport const XhSeparator = defineComponent({\n  name: 'XhSeparator',\n  props: {\n    orientation: { type: String as PropType<'horizontal' | 'vertical'>, default: 'horizontal' },\n    decorative: Boolean,\n  },\n  setup(props, { slots }) {\n    return () => {\n      // 只画线，不渲染内容；给了插槽就报一条，免得文案静默消失\n      if (slots.default) {\n        reportDiagnostic({\n          code: DIAGNOSTIC_CODES.ignoredSlot,\n          level: 'warn',\n          scope: 'separator',\n          message: '分隔线不渲染插槽内容。带文案的分节标题在外层排版：一行里摆两条线，中间放文案。',\n        })\n      }\n      return h('div', connectSeparator(props as SeparatorProps, vueNormalize).getRootProps() as Record<string, unknown>)\n    }\n  },\n})\n"],"mappings":";;;;;AAOA,MAAa,cAAc,gBAAgB;CACzC,MAAM;CACN,OAAO;EACL,aAAa;GAAE,MAAM;GAA+C,SAAS;EAAa;EAC1F,YAAY;CACd;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,aAAa;GAEX,IAAI,MAAM,SACR,iBAAiB;IACf,MAAM,iBAAiB;IACvB,OAAO;IACP,OAAO;IACP,SAAS;GACX,CAAC;GAEH,OAAO,EAAE,OAAO,iBAAiB,OAAyB,YAAY,CAAC,CAAC,aAAa,CAA4B;EACnH;CACF;AACF,CAAC"}

package/dist/components/side-nav/context.js

@@ -1,6 +1,6 @@
 import { inject, provide } from "vue";
 //#region src/components/side-nav/context.ts
-const KEY = Symbol("xh-side-nav");
+const KEY = Symbol.for("xh-side-nav");
 function provideSideNav(ctx) {
 	provide(KEY, ctx);
 }
@@ -10,7 +10,7 @@ function useSideNavContext() {
 	return ctx;
 }
 /** 分支上下文：子部件从中取所属分支的 value，不必逐个再声明。 */
-const NODE_KEY = Symbol("xh-side-nav-node");
+const NODE_KEY = Symbol.for("xh-side-nav-node");
 function provideSideNavNode(node) {
 	provide(NODE_KEY, node);
 }

package/dist/components/side-nav/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/side-nav/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { SideNavContext } from './use-side-nav'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<SideNavContext> = Symbol('xh-side-nav')\n\nexport function provideSideNav(ctx: SideNavContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useSideNavContext(): SideNavContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] SideNav 部件必须用在 XhSideNavRoot 内')\n  return ctx\n}\n\n/** 分支上下文：子部件从中取所属分支的 value，不必逐个再声明。 */\nconst NODE_KEY: InjectionKey<{ value: string }> = Symbol('xh-side-nav-node')\n\nexport function provideSideNavNode(node: { value: string }): void {\n  provide(NODE_KEY, node)\n}\n\nexport function useSideNavNodeContext(): { value: string } {\n  const node = inject(NODE_KEY, null)\n  if (!node)\n    throw new Error('[xh] SideNav 分支部件必须用在 XhSideNavBranch 内')\n  return node\n}\n"],"mappings":";;AAIA,MAAM,MAAoC,OAAO,aAAa;AAE9D,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;;AAGA,MAAM,WAA4C,OAAO,kBAAkB;AAE3E,SAAgB,mBAAmB,MAA+B;CAChE,QAAQ,UAAU,IAAI;AACxB;AAEA,SAAgB,wBAA2C;CACzD,MAAM,OAAO,OAAO,UAAU,IAAI;CAClC,IAAI,CAAC,MACH,MAAM,IAAI,MAAM,yCAAyC;CAC3D,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/side-nav/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { SideNavContext } from './use-side-nav'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<SideNavContext> = Symbol.for('xh-side-nav')\n\nexport function provideSideNav(ctx: SideNavContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useSideNavContext(): SideNavContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] SideNav 部件必须用在 XhSideNavRoot 内')\n  return ctx\n}\n\n/** 分支上下文：子部件从中取所属分支的 value，不必逐个再声明。 */\nconst NODE_KEY: InjectionKey<{ value: string }> = Symbol.for('xh-side-nav-node')\n\nexport function provideSideNavNode(node: { value: string }): void {\n  provide(NODE_KEY, node)\n}\n\nexport function useSideNavNodeContext(): { value: string } {\n  const node = inject(NODE_KEY, null)\n  if (!node)\n    throw new Error('[xh] SideNav 分支部件必须用在 XhSideNavBranch 内')\n  return node\n}\n"],"mappings":";;AAIA,MAAM,MAAoC,OAAO,IAAI,aAAa;AAElE,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;;AAGA,MAAM,WAA4C,OAAO,IAAI,kBAAkB;AAE/E,SAAgB,mBAAmB,MAA+B;CAChE,QAAQ,UAAU,IAAI;AACxB;AAEA,SAAgB,wBAA2C;CACzD,MAAM,OAAO,OAAO,UAAU,IAAI;CAClC,IAAI,CAAC,MACH,MAAM,IAAI,MAAM,yCAAyC;CAC3D,OAAO;AACT"}

package/dist/components/side-nav/side-nav.d.ts

@@ -110,10 +110,10 @@ declare const XhSideNavRoot: import("vue").DefineComponent<import("vue").Extract
   dir: import("@xihan-ui/kernel").Direction | undefined;
   disabled: boolean;
   translations: Partial<import("@xihan-ui/headless").SideNavTranslations> | undefined;
+  accordion: boolean;
   loop: boolean;
-  collapsed: boolean;
   expandedValue: string[];
-  accordion: boolean;
+  collapsed: boolean;
   defaultExpandedValue: string[];
   collapsedPopout: boolean;
 }, SlotsType<{
@@ -122,6 +122,9 @@ declare const XhSideNavRoot: import("vue").DefineComponent<import("vue").Extract
 declare const XhSideNavList: 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 XhSideNavItem: 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 XhSideNavGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   /** 分组身份，与 group-label 靠它配对。 */
   value: {
@@ -192,5 +195,5 @@ declare const XhSideNavLink: import("vue").DefineComponent<import("vue").Extract
   };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
-export { SideNavRootSlotProps, XhSideNavBranch, XhSideNavBranchContent, XhSideNavBranchIndicator, XhSideNavBranchText, XhSideNavBranchTrigger, XhSideNavGroup, XhSideNavGroupLabel, XhSideNavLink, XhSideNavLinkText, XhSideNavList, XhSideNavRoot };
+export { SideNavRootSlotProps, XhSideNavBranch, XhSideNavBranchContent, XhSideNavBranchIndicator, XhSideNavBranchText, XhSideNavBranchTrigger, XhSideNavGroup, XhSideNavGroupLabel, XhSideNavItem, XhSideNavLink, XhSideNavLinkText, XhSideNavList, XhSideNavRoot };
 //# sourceMappingURL=side-nav.d.ts.map

package/dist/components/side-nav/side-nav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"side-nav.d.ts","names":[],"sources":["../../../src/components/side-nav/side-nav.ts"],"mappings":";;;;KAQK,eAAe;;KAGR,uBAAuB,KACjC;cAiBW,6BAAa,8BAAA;;IAIO,MAAA,SAAS;;;;IACb,MAAA;;;;IACO,MAAA;;;;IACA,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;;;;;IAMhB,MAAA,SAAS;;;;IACA,MAAA,SAAS;;;;;;EAId,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;EACL,oBAAA,UAAA,UAAU;EACP,yBAAA,QAAA,UAAU;;;IAlBd,MAAA,SAAS;;;;IACb,MAAA;;;;IACO,MAAA;;;;IACA,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;;;;;IAMhB,MAAA,SAAS;;;;IACA,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;EAU/B,WAAC,OAAO,yBAAyB;kCAgC7C;cAEW,6BAAa,0BAAA,oBAAA,4BAAA;;8BAMxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,8BAAc,8BAAA;;;;;;;;;;;;;;MAUzB,oDAAA;cAEW,mCAAmB,8BAAA;;;;;;;;;;;;MAS9B,oDAAA;cAEW,+BAAe,8BAAA;;;;;;;;;;;;MAU1B,oDAAA;cAEW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAOjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAOnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAOjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6BAAa,8BAAA;;;;;;;;;;;;MAYxB,oDAAA"}
+{"version":3,"file":"side-nav.d.ts","names":[],"sources":["../../../src/components/side-nav/side-nav.ts"],"mappings":";;;;KASK,eAAe;;KAGR,uBAAuB,KACjC;cAiBW,6BAAa,8BAAA;;IAIO,MAAA,SAAS;;;;IACb,MAAA;;;;IACO,MAAA;;;;IACA,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;;;;;IAMhB,MAAA,SAAS;;;;IACA,MAAA,SAAS;;;;;;EAId,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;EACL,oBAAA,UAAA,UAAU;EACP,yBAAA,QAAA,UAAU;;;IAlBd,MAAA,SAAS;;;;IACb,MAAA;;;;IACO,MAAA;;;;IACA,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;;;;;IAMhB,MAAA,SAAS;;;;IACA,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;EAU/B,WAAC,OAAO,yBAAyB;kCAgC7C;cAEW,6BAAa,0BAAA,oBAAA,4BAAA;;8BAMxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAGW,6BAAa,0BAAA,oBAAA,4BAAA;;8BAMxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,8BAAc,8BAAA;;;;;;;;;;;;;;MAUzB,oDAAA;cAEW,mCAAmB,8BAAA;;;;;;;;;;;;MAS9B,oDAAA;cAEW,+BAAe,8BAAA;;;;;;;;;;;;MAU1B,oDAAA;cAEW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAOjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAOnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAkCjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6BAAa,8BAAA;;;;;;;;;;;;MASxB,oDAAA"}

package/dist/components/side-nav/side-nav.js

@@ -1,7 +1,8 @@
+import { useOverlayExit } from "../../runtime/use-overlay-exit.js";
 import { withXhConfig } from "../../config/config.js";
 import { provideSideNav, provideSideNavNode, useSideNavContext, useSideNavNodeContext } from "./context.js";
 import { useSideNav } from "./use-side-nav.js";
-import { defineComponent, h } from "vue";
+import { Teleport, defineComponent, h, ref } from "vue";
 //#region src/components/side-nav/side-nav.ts
 const XhSideNavRoot = defineComponent({
 	name: "XhSideNavRoot",
@@ -93,6 +94,13 @@ const XhSideNavList = defineComponent({
 		return () => h("ul", ctx.api.value.getListProps(), slots.default?.());
 	}
 });
+const XhSideNavItem = defineComponent({
+	name: "XhSideNavItem",
+	setup(_, { slots }) {
+		const ctx = useSideNavContext();
+		return () => h("li", ctx.api.value.getItemProps(), slots.default?.());
+	}
+});
 const XhSideNavGroup = defineComponent({
 	name: "XhSideNavGroup",
 	props: { 
@@ -157,7 +165,27 @@ const XhSideNavBranchContent = defineComponent({
 	setup(_, { slots }) {
 		const ctx = useSideNavContext();
 		const node = useSideNavNodeContext();
-		return () => h("ul", ctx.api.value.getBranchContentProps({ value: node.value }), slots.default?.());
+		const panelRef = ref(null);
+		const visible = useOverlayExit({
+			config: ctx.config,
+			isOpen: () => ctx.api.value.getPopoutPositionerProps({ value: node.value }).hidden !== true,
+			contentRef: panelRef
+		});
+		return () => {
+			if (!ctx.api.value.isPopoutPanel(node.value)) return h("ul", ctx.api.value.getBranchContentProps({ value: node.value }), slots.default?.());
+			const hidden = !visible.value || void 0;
+			const content = h("ul", {
+				...ctx.api.value.getBranchContentProps({ value: node.value }),
+				hidden,
+				ref: (el) => {
+					panelRef.value = el;
+				}
+			}, slots.default?.());
+			return h(Teleport, { to: ctx.portalTarget.value }, [h("div", {
+				...ctx.api.value.getPopoutPositionerProps({ value: node.value }),
+				hidden
+			}, [content])]);
+		};
 	}
 });
 const XhSideNavLinkText = defineComponent({
@@ -175,10 +203,10 @@ const XhSideNavLink = defineComponent({
 	} },
 	setup(props, { slots }) {
 		const ctx = useSideNavContext();
-		return () => h("li", null, [h("a", ctx.api.value.getLinkProps({ value: props.value }), slots.default?.())]);
+		return () => h("a", ctx.api.value.getLinkProps({ value: props.value }), slots.default?.());
 	}
 });
 //#endregion
-export { XhSideNavBranch, XhSideNavBranchContent, XhSideNavBranchIndicator, XhSideNavBranchText, XhSideNavBranchTrigger, XhSideNavGroup, XhSideNavGroupLabel, XhSideNavLink, XhSideNavLinkText, XhSideNavList, XhSideNavRoot };
+export { XhSideNavBranch, XhSideNavBranchContent, XhSideNavBranchIndicator, XhSideNavBranchText, XhSideNavBranchTrigger, XhSideNavGroup, XhSideNavGroupLabel, XhSideNavItem, XhSideNavLink, XhSideNavLinkText, XhSideNavList, XhSideNavRoot };
 
 //# sourceMappingURL=side-nav.js.map

package/dist/components/side-nav/side-nav.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-nav.js","names":[],"sources":["../../../src/components/side-nav/side-nav.ts"],"sourcesContent":["import type { SideNavApi, SideNavNode, SideNavSchema } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { provideSideNav, provideSideNavNode, useSideNavContext, useSideNavNodeContext } from './context'\nimport { useSideNav } from './use-side-nav'\n\ntype SideNavProps = SideNavSchema['props']\n\n/** 默认插槽的载荷：选中项、展开集合、折叠与浮层状态、逐节点的状态判定，与选中、展开、折叠、弹出等命令。 */\nexport type SideNavRootSlotProps = Pick<\n  SideNavApi,\n  | 'value'\n  | 'expandedValue'\n  | 'collapsed'\n  | 'popoutValue'\n  | 'isSelected'\n  | 'isExpanded'\n  | 'isActiveBranch'\n  | 'select'\n  | 'setValue'\n  | 'setExpandedValue'\n  | 'expand'\n  | 'collapse'\n  | 'openPopout'\n  | 'closePopout'\n>\n\nexport const XhSideNavRoot = defineComponent({\n  name: 'XhSideNavRoot',\n  // 缺省值由 connect 与机器给出，这里一律 default: undefined\n  props: {\n    collection: { type: Array as PropType<SideNavNode[]>, default: undefined },\n    value: { type: String as PropType<string | null>, default: undefined },\n    defaultValue: { type: String as PropType<string | null>, default: undefined },\n    expandedValue: { type: Array as PropType<string[]>, default: undefined },\n    defaultExpandedValue: { type: Array as PropType<string[]>, default: undefined },\n    accordion: Boolean,\n    collapsed: { type: Boolean, default: undefined },\n    collapsedPopout: { type: Boolean, default: undefined },\n    disabled: Boolean,\n    loop: { type: Boolean, default: undefined },\n    dir: { type: String as PropType<SideNavProps['dir']>, default: undefined },\n    translations: { type: Object as PropType<SideNavProps['translations']>, default: undefined },\n  },\n  // *-change 携带 details 对象，update:* 携带裸值，支持 v-model:value 与 v-model:expanded-value\n  emits: {\n    'value-change': (_details: PayloadOf<SideNavProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<SideNavProps, 'onValueChange'>['value']) => true,\n    'expanded-change': (_details: PayloadOf<SideNavProps, 'onExpandedChange'>) => true,\n    'update:expandedValue': (_value: PayloadOf<SideNavProps, 'onExpandedChange'>['value']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: SideNavRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const ctx = useSideNav(withXhConfig('side-nav', props) as SideNavProps, {\n      onValueChange: (details) => {\n        emit('value-change', details)\n        emit('update:value', details.value)\n      },\n      onExpandedChange: (details) => {\n        emit('expanded-change', details)\n        emit('update:expandedValue', details.value)\n      },\n    })\n    provideSideNav(ctx)\n    // 经插槽暴露状态与命令，供折叠开关这类外部控件使用\n    return () => h('nav', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      value: ctx.api.value.value,\n      expandedValue: ctx.api.value.expandedValue,\n      collapsed: ctx.api.value.collapsed,\n      popoutValue: ctx.api.value.popoutValue,\n      isSelected: ctx.api.value.isSelected,\n      isExpanded: ctx.api.value.isExpanded,\n      isActiveBranch: ctx.api.value.isActiveBranch,\n      select: ctx.api.value.select,\n      setValue: ctx.api.value.setValue,\n      setExpandedValue: ctx.api.value.setExpandedValue,\n      expand: ctx.api.value.expand,\n      collapse: ctx.api.value.collapse,\n      openPopout: ctx.api.value.openPopout,\n      closePopout: ctx.api.value.closePopout,\n    }))\n  },\n})\n\nexport const XhSideNavList = defineComponent({\n  name: 'XhSideNavList',\n  setup(_, { slots }) {\n    const ctx = useSideNavContext()\n    return () => h('ul', ctx.api.value.getListProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSideNavGroup = defineComponent({\n  name: 'XhSideNavGroup',\n  props: {\n    /** 分组身份，与 group-label 靠它配对。 */\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useSideNavContext()\n    return () => h('li', ctx.api.value.getGroupProps({ value: props.value }) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSideNavGroupLabel = defineComponent({\n  name: 'XhSideNavGroupLabel',\n  props: {\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useSideNavContext()\n    return () => h('div', ctx.api.value.getGroupLabelProps({ value: props.value }) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSideNavBranch = defineComponent({\n  name: 'XhSideNavBranch',\n  props: {\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useSideNavContext()\n    provideSideNavNode(props)\n    return () => h('li', ctx.api.value.getBranchProps({ value: props.value }) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSideNavBranchTrigger = defineComponent({\n  name: 'XhSideNavBranchTrigger',\n  setup(_, { slots }) {\n    const ctx = useSideNavContext()\n    const node = useSideNavNodeContext()\n    return () => h('button', ctx.api.value.getBranchTriggerProps({ value: node.value }) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSideNavBranchText = defineComponent({\n  name: 'XhSideNavBranchText',\n  setup(_, { slots }) {\n    const ctx = useSideNavContext()\n    return () => h('span', ctx.api.value.getBranchTextProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSideNavBranchIndicator = defineComponent({\n  name: 'XhSideNavBranchIndicator',\n  setup(_, { slots }) {\n    const ctx = useSideNavContext()\n    const node = useSideNavNodeContext()\n    return () => h('span', ctx.api.value.getBranchIndicatorProps({ value: node.value }) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSideNavBranchContent = defineComponent({\n  name: 'XhSideNavBranchContent',\n  setup(_, { slots }) {\n    const ctx = useSideNavContext()\n    const node = useSideNavNodeContext()\n    return () => h('ul', ctx.api.value.getBranchContentProps({ value: node.value }) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSideNavLinkText = defineComponent({\n  name: 'XhSideNavLinkText',\n  setup(_, { slots }) {\n    const ctx = useSideNavContext()\n    return () => h('span', ctx.api.value.getLinkTextProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSideNavLink = defineComponent({\n  name: 'XhSideNavLink',\n  props: {\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useSideNavContext()\n    // 链接是行内容器里的一等行，外面包一层 li 维持列表语义\n    return () => h('li', null, [\n      h('a', ctx.api.value.getLinkProps({ value: props.value }) as Record<string, unknown>, slots.default?.()),\n    ])\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"side-nav.js","names":[],"sources":["../../../src/components/side-nav/side-nav.ts"],"sourcesContent":["import type { SideNavApi, SideNavNode, SideNavSchema } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h, ref, Teleport } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { useOverlayExit } from '../../runtime/use-overlay-exit'\nimport { provideSideNav, provideSideNavNode, useSideNavContext, useSideNavNodeContext } from './context'\nimport { useSideNav } from './use-side-nav'\n\ntype SideNavProps = SideNavSchema['props']\n\n/** 默认插槽的载荷：选中项、展开集合、折叠与浮层状态、逐节点的状态判定，与选中、展开、折叠、弹出等命令。 */\nexport type SideNavRootSlotProps = Pick<\n  SideNavApi,\n  | 'value'\n  | 'expandedValue'\n  | 'collapsed'\n  | 'popoutValue'\n  | 'isSelected'\n  | 'isExpanded'\n  | 'isActiveBranch'\n  | 'select'\n  | 'setValue'\n  | 'setExpandedValue'\n  | 'expand'\n  | 'collapse'\n  | 'openPopout'\n  | 'closePopout'\n>\n\nexport const XhSideNavRoot = defineComponent({\n  name: 'XhSideNavRoot',\n  // 缺省值由 connect 与机器给出，这里一律 default: undefined\n  props: {\n    collection: { type: Array as PropType<SideNavNode[]>, default: undefined },\n    value: { type: String as PropType<string | null>, default: undefined },\n    defaultValue: { type: String as PropType<string | null>, default: undefined },\n    expandedValue: { type: Array as PropType<string[]>, default: undefined },\n    defaultExpandedValue: { type: Array as PropType<string[]>, default: undefined },\n    accordion: Boolean,\n    collapsed: { type: Boolean, default: undefined },\n    collapsedPopout: { type: Boolean, default: undefined },\n    disabled: Boolean,\n    loop: { type: Boolean, default: undefined },\n    dir: { type: String as PropType<SideNavProps['dir']>, default: undefined },\n    translations: { type: Object as PropType<SideNavProps['translations']>, default: undefined },\n  },\n  // *-change 携带 details 对象，update:* 携带裸值，支持 v-model:value 与 v-model:expanded-value\n  emits: {\n    'value-change': (_details: PayloadOf<SideNavProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<SideNavProps, 'onValueChange'>['value']) => true,\n    'expanded-change': (_details: PayloadOf<SideNavProps, 'onExpandedChange'>) => true,\n    'update:expandedValue': (_value: PayloadOf<SideNavProps, 'onExpandedChange'>['value']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: SideNavRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const ctx = useSideNav(withXhConfig('side-nav', props) as SideNavProps, {\n      onValueChange: (details) => {\n        emit('value-change', details)\n        emit('update:value', details.value)\n      },\n      onExpandedChange: (details) => {\n        emit('expanded-change', details)\n        emit('update:expandedValue', details.value)\n      },\n    })\n    provideSideNav(ctx)\n    // 经插槽暴露状态与命令，供折叠开关这类外部控件使用\n    return () => h('nav', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      value: ctx.api.value.value,\n      expandedValue: ctx.api.value.expandedValue,\n      collapsed: ctx.api.value.collapsed,\n      popoutValue: ctx.api.value.popoutValue,\n      isSelected: ctx.api.value.isSelected,\n      isExpanded: ctx.api.value.isExpanded,\n      isActiveBranch: ctx.api.value.isActiveBranch,\n      select: ctx.api.value.select,\n      setValue: ctx.api.value.setValue,\n      setExpandedValue: ctx.api.value.setExpandedValue,\n      expand: ctx.api.value.expand,\n      collapse: ctx.api.value.collapse,\n      openPopout: ctx.api.value.openPopout,\n      closePopout: ctx.api.value.closePopout,\n    }))\n  },\n})\n\nexport const XhSideNavList = defineComponent({\n  name: 'XhSideNavList',\n  setup(_, { slots }) {\n    const ctx = useSideNavContext()\n    return () => h('ul', ctx.api.value.getListProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 叶子行的列表项：列表容器是 ul，链接得裹在 li 里才是它合法的直接子节点\nexport const XhSideNavItem = defineComponent({\n  name: 'XhSideNavItem',\n  setup(_, { slots }) {\n    const ctx = useSideNavContext()\n    return () => h('li', ctx.api.value.getItemProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSideNavGroup = defineComponent({\n  name: 'XhSideNavGroup',\n  props: {\n    /** 分组身份，与 group-label 靠它配对。 */\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useSideNavContext()\n    return () => h('li', ctx.api.value.getGroupProps({ value: props.value }) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSideNavGroupLabel = defineComponent({\n  name: 'XhSideNavGroupLabel',\n  props: {\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useSideNavContext()\n    return () => h('div', ctx.api.value.getGroupLabelProps({ value: props.value }) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSideNavBranch = defineComponent({\n  name: 'XhSideNavBranch',\n  props: {\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useSideNavContext()\n    provideSideNavNode(props)\n    return () => h('li', ctx.api.value.getBranchProps({ value: props.value }) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSideNavBranchTrigger = defineComponent({\n  name: 'XhSideNavBranchTrigger',\n  setup(_, { slots }) {\n    const ctx = useSideNavContext()\n    const node = useSideNavNodeContext()\n    return () => h('button', ctx.api.value.getBranchTriggerProps({ value: node.value }) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSideNavBranchText = defineComponent({\n  name: 'XhSideNavBranchText',\n  setup(_, { slots }) {\n    const ctx = useSideNavContext()\n    return () => h('span', ctx.api.value.getBranchTextProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSideNavBranchIndicator = defineComponent({\n  name: 'XhSideNavBranchIndicator',\n  setup(_, { slots }) {\n    const ctx = useSideNavContext()\n    const node = useSideNavNodeContext()\n    return () => h('span', ctx.api.value.getBranchIndicatorProps({ value: node.value }) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSideNavBranchContent = defineComponent({\n  name: 'XhSideNavBranchContent',\n  setup(_, { slots }) {\n    const ctx = useSideNavContext()\n    const node = useSideNavNodeContext()\n    // 一个弹出面板一份退场闸门：退场动画挂在面板上，从它身上探测。\n    // 开合判据直接取 connect 这一帧的产出，不另起一套\n    const panelRef = ref<HTMLElement | null>(null)\n    const visible = useOverlayExit({\n      config: ctx.config,\n      isOpen: () => (ctx.api.value.getPopoutPositionerProps({ value: node.value }) as Record<string, unknown>).hidden !== true,\n      contentRef: panelRef,\n    })\n    return () => {\n      if (!ctx.api.value.isPopoutPanel(node.value)) {\n        // 平铺分支没有定位层，原地渲染\n        return h('ul', ctx.api.value.getBranchContentProps({ value: node.value }) as Record<string, unknown>, slots.default?.())\n      }\n      // 折叠态的弹出面板：定位层搬到浮层落点，逃开祖先的层叠上下文。\n      // 收起跟着退场闸门走：定位层与面板的 hidden 都押后到退场动画播完\n      const hidden = !visible.value || undefined\n      const content = h('ul', {\n        ...ctx.api.value.getBranchContentProps({ value: node.value }) as Record<string, unknown>,\n        hidden,\n        ref: (el: unknown) => { panelRef.value = el as HTMLElement | null },\n      }, slots.default?.())\n      return h(Teleport, { to: ctx.portalTarget.value }, [\n        h('div', {\n          ...ctx.api.value.getPopoutPositionerProps({ value: node.value }) as Record<string, unknown>,\n          hidden,\n        }, [content]),\n      ])\n    }\n  },\n})\n\nexport const XhSideNavLinkText = defineComponent({\n  name: 'XhSideNavLinkText',\n  setup(_, { slots }) {\n    const ctx = useSideNavContext()\n    return () => h('span', ctx.api.value.getLinkTextProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSideNavLink = defineComponent({\n  name: 'XhSideNavLink',\n  props: {\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useSideNavContext()\n    return () => h('a', ctx.api.value.getLinkProps({ value: props.value }) as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":"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"}

package/dist/components/side-nav/use-side-nav.d.ts

@@ -1,8 +1,13 @@
 import { ComputedRef } from "vue";
 import { SideNavApi, SideNavSchema } from "@xihan-ui/headless";
+import { RuntimeConfig } from "@xihan-ui/kernel";
 //#region src/components/side-nav/use-side-nav.d.ts
 interface SideNavContext {
   api: ComputedRef<SideNavApi>;
+  /** 运行时配置；服务端没有 DOM 时为 null。 */
+  config: RuntimeConfig | null;
+  /** 弹出面板的定位层搬到哪儿：全局配置的容器 > 运行时的浮层落点 > body。 */
+  portalTarget: ComputedRef<string | Element>;
 }
 declare function useSideNav(props: SideNavSchema['props'], handlers?: Pick<SideNavSchema['props'], 'onValueChange' | 'onExpandedChange'>): SideNavContext;
 //#endregion

package/dist/components/side-nav/use-side-nav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-side-nav.d.ts","names":[],"sources":["../../../src/components/side-nav/use-side-nav.ts"],"mappings":";;;UAWiB;EACf,KAAK,YAAY;;iBAGH,WACd,OAAO,wBACP,WAAU,KAAK,gEACd"}
+{"version":3,"file":"use-side-nav.d.ts","names":[],"sources":["../../../src/components/side-nav/use-side-nav.ts"],"mappings":";;;;UAYiB;EACf,KAAK,YAAY;;EAEjB,QAAQ;;EAER,cAAc,qBAAqB;;iBAGrB,WACd,OAAO,wBACP,WAAU,KAAK,gEACd"}

package/dist/components/side-nav/use-side-nav.js

@@ -1,4 +1,5 @@
 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 } from "vue";
@@ -13,11 +14,14 @@ function useSideNav(props, handlers = {}) {
 		...props,
 		...handlers
 	}), scope);
+	const xhConfig = useXhConfig();
+	let runtimeConfig = null;
 	if (typeof document !== "undefined") {
 		const config = createRuntimeConfig({
 			scope,
 			idGenerator: idGen
 		});
+		runtimeConfig = config;
 		const popoutEl = (kind) => {
 			const v = service.context.get("popoutValue");
 			return v == null ? null : document.getElementById(scope.partId("side-nav", `${kind}-${v}`));
@@ -34,9 +38,16 @@ function useSideNav(props, handlers = {}) {
 		service.refs.set("registerLayer", registerLayer);
 		service.refs.set("position", createPositionEngine());
 		service.refs.set("getPopoutAnchorEl", () => popoutEl("trigger"));
+		service.refs.set("getPopoutPositionerEl", () => popoutEl("positioner"));
 		service.refs.set("getPopoutContentEl", () => popoutEl("content"));
 	}
-	return { api: computed(() => connectSideNav(service, vueNormalize)) };
+	const api = computed(() => connectSideNav(service, vueNormalize));
+	const portalTarget = computed(() => xhConfig.value.portalContainer?.() ?? runtimeConfig?.portalContainer() ?? "body");
+	return {
+		api,
+		config: runtimeConfig,
+		portalTarget
+	};
 }
 //#endregion
 export { useSideNav };