@xihan-ui/vue 1.0.0-alpha.3 → 1.1.0

package/dist/components/date-picker/date-picker.js

@@ -1,9 +1,23 @@
 import { withXhConfig } from "../../config/config.js";
+import { useScrollbars } from "../../runtime/use-scrollbars.js";
+import { useFieldLabelWiring, useFieldStateWiring } from "../field/use-field-control.js";
 import { slotPaints } from "../../runtime/slot-content.js";
-import { provideDatePicker, provideDatePickerCell, provideDatePickerSegmentGroup, useDatePickerCellContext, useDatePickerContext, useDatePickerSegmentGroupContext } from "./context.js";
+import { provideDatePicker, provideDatePickerCell, provideDatePickerPanel, provideDatePickerSegmentGroup, useDatePickerCellContext, useDatePickerContext, useDatePickerPanelContext, useDatePickerSegmentGroupContext } from "./context.js";
 import { useDatePicker } from "./use-date-picker.js";
 import { Teleport, computed, defineComponent, h, mergeProps } from "vue";
 //#region src/components/date-picker/date-picker.ts
+/**
+* 部件属于并排的第几张面板：自己写了就按自己写的，没写就跟着所在的日历走。
+* 兼收字符串以支持模板里写 index="1"。
+*/
+function usePanelIndex(props) {
+	const panel = useDatePickerPanelContext();
+	return computed(() => {
+		if (props.index === void 0 || props.index === "") return panel.index.value;
+		const n = Math.trunc(Number(props.index));
+		return Number.isFinite(n) && n >= 0 ? n : panel.index.value;
+	});
+}
 /** 按组号取那一组分段输入；非区间模式下终点那组缺席。 */
 function fieldOf(api, index) {
 	return index === 1 ? api.fieldEnd : api.field;
@@ -64,11 +78,21 @@ const XhDatePickerRoot = defineComponent({
 			type: Boolean,
 			default: void 0
 		},
-		/** 并排展示几页；缺省单选 1、区间 2。 */
+		/** 并排展示几页；缺省单选 1，区间按两端定：同一页放得下就 1，跨页才 2。 */
 		visibleCount: {
 			type: Number,
 			default: void 0
 		},
+		/** 日历恒渲染六行，默认开。关掉后翻页时浮层高度会跟着月份变。 */
+		fixedWeeks: {
+			type: Boolean,
+			default: void 0
+		},
+		/** 初始聚焦日，同时决定展开时先落在哪一页；不给就退回首个选中值，再退回今天。 */
+		defaultFocusedValue: {
+			type: String,
+			default: void 0
+		},
 		/** 快捷选项；给了就在浮层里多出一列，日子要在自己的 computed 里算好再传。 */
 		presets: {
 			type: Array,
@@ -247,8 +271,13 @@ const XhDatePickerClearTrigger = defineComponent({
 const XhDatePickerTrigger = defineComponent({
 	name: "XhDatePickerTrigger",
 	setup(_, { slots }) {
+		const fieldWiring = useFieldStateWiring();
+		const fieldLabel = useFieldLabelWiring();
 		const ctx = useDatePickerContext();
-		return () => h("button", ctx.api.value.getTriggerProps(), slots.default?.());
+		return () => h("button", fieldLabel.value({
+			...ctx.api.value.getTriggerProps(),
+			...fieldWiring.value
+		}), slots.default?.());
 	}
 });
 const XhDatePickerPositioner = defineComponent({
@@ -256,12 +285,13 @@ const XhDatePickerPositioner = defineComponent({
 	inheritAttrs: false,
 	setup(_, { slots, attrs }) {
 		const ctx = useDatePickerContext();
+		const bars = useScrollbars({ scrollable: () => ctx.contentRef.value });
 		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 XhDatePickerContent = defineComponent({
@@ -279,8 +309,15 @@ const XhDatePickerContent = defineComponent({
 });
 const XhDatePickerCalendar = defineComponent({
 	name: "XhDatePickerCalendar",
-	setup(_, { slots }) {
+	props: { 
+	/** 并排的第几张面板，默认 0。写在这里，面板内的标题、网格与格子就不必各写一遍。 */
+index: {
+		type: [Number, String],
+		default: 0
+	} },
+	setup(props, { slots }) {
 		const ctx = useDatePickerContext();
+		provideDatePickerPanel({ index: usePanelIndex(props) });
 		return () => h("div", ctx.api.value.getCalendarProps(), slots.default?.());
 	}
 });
@@ -378,55 +415,59 @@ const XhDatePickerNextYearTrigger = defineComponent({
 const XhDatePickerHeading = defineComponent({
 	name: "XhDatePickerHeading",
 	props: { 
-	/** 属于第几个面板，默认 0。单面板时不用写。 */
+	/** 属于第几个面板；不写就跟着所在的日历走。 */
 index: {
-		type: Number,
-		default: 0
+		type: [Number, String],
+		default: void 0
 	} },
 	setup(props, { slots }) {
 		const ctx = useDatePickerContext();
-		return () => h("div", ctx.api.value.calendar.getHeadingProps({ index: props.index }), slots.default?.() ?? ctx.api.value.calendar.panels[props.index]?.headingLabel ?? ctx.api.value.calendar.headingLabel);
+		const index = usePanelIndex(props);
+		return () => h("div", ctx.api.value.calendar.getHeadingProps({ index: index.value }), slots.default?.() ?? ctx.api.value.calendar.panels[index.value]?.headingLabel ?? ctx.api.value.calendar.headingLabel);
 	}
 });
 const XhDatePickerHeadingYearTrigger = defineComponent({
 	name: "XhDatePickerHeadingYearTrigger",
 	props: { 
-	/** 属于第几个面板，默认 0。单面板时不用写。 */
+	/** 属于第几个面板；不写就跟着所在的日历走。 */
 index: {
-		type: Number,
-		default: 0
+		type: [Number, String],
+		default: void 0
 	} },
 	setup(props, { slots }) {
 		const ctx = useDatePickerContext();
-		return () => h("button", ctx.api.value.calendar.getHeadingYearTriggerProps({ index: props.index }), slots.default?.() ?? ctx.api.value.calendar.panels[props.index]?.headingYear);
+		const index = usePanelIndex(props);
+		return () => h("button", ctx.api.value.calendar.getHeadingYearTriggerProps({ index: index.value }), slots.default?.() ?? ctx.api.value.calendar.panels[index.value]?.headingYear);
 	}
 });
 const XhDatePickerHeadingMonthTrigger = defineComponent({
 	name: "XhDatePickerHeadingMonthTrigger",
 	props: { 
-	/** 属于第几个面板，默认 0。单面板时不用写。 */
+	/** 属于第几个面板；不写就跟着所在的日历走。 */
 index: {
-		type: Number,
-		default: 0
+		type: [Number, String],
+		default: void 0
 	} },
 	setup(props, { slots }) {
 		const ctx = useDatePickerContext();
-		return () => h("button", ctx.api.value.calendar.getHeadingMonthTriggerProps({ index: props.index }), slots.default?.() ?? ctx.api.value.calendar.panels[props.index]?.headingMonth);
+		const index = usePanelIndex(props);
+		return () => h("button", ctx.api.value.calendar.getHeadingMonthTriggerProps({ index: index.value }), slots.default?.() ?? ctx.api.value.calendar.panels[index.value]?.headingMonth);
 	}
 });
 const XhDatePickerGrid = defineComponent({
 	name: "XhDatePickerGrid",
 	props: { 
-	/** 属于第几个面板，默认 0。单面板时不用写。 */
+	/** 属于第几个面板；不写就跟着所在的日历走。 */
 index: {
-		type: Number,
-		default: 0
+		type: [Number, String],
+		default: void 0
 	} },
 	setup(props, { slots }) {
 		const ctx = useDatePickerContext();
+		const index = usePanelIndex(props);
 		return () => h("div", {
-			...ctx.api.value.calendar.getGridProps({ index: props.index }),
-			ref: props.index === 0 ? ctx.gridRef : void 0
+			...ctx.api.value.calendar.getGridProps({ index: index.value }),
+			ref: index.value === 0 ? ctx.gridRef : void 0
 		}, slots.default?.());
 	}
 });
@@ -485,19 +526,20 @@ const XhDatePickerCell = defineComponent({
 			required: true
 		},
 		/**
-		* 属于第几个面板，默认 0。多面板时必须给：同一天会同时出现在两个面板里
+		* 属于第几个面板；不写就跟着所在的日历走。同一天会同时出现在两个面板里
 		* （8 月末那几天也铺在 9 月的首行），「是不是本月」只有连着面板一起看才判得出来。
 		*/
 		index: {
-			type: Number,
-			default: 0
+			type: [Number, String],
+			default: void 0
 		}
 	},
 	setup(props, { slots }) {
 		const ctx = useDatePickerContext();
+		const index = usePanelIndex(props);
 		const cell = computed(() => ({
 			value: props.value,
-			index: props.index
+			index: index.value
 		}));
 		provideDatePickerCell({ cell });
 		return () => h("div", ctx.api.value.calendar.getCellProps(cell.value), slots.default?.());

package/dist/components/date-picker/date-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.js","names":[],"sources":["../../../src/components/date-picker/date-picker.ts"],"sourcesContent":["import type {\n  CalendarApi,\n  CalendarCellProps,\n  CalendarSelectionMode,\n  CalendarView,\n  DateFieldSegmentState,\n  DatePickerApi,\n  DatePickerFieldApi,\n  DatePickerPreset,\n  DatePickerPresetState,\n  DatePickerSchema,\n  DateSegmentSet,\n  DateSegmentType,\n} from '@xihan-ui/headless'\nimport type { ControlVariant, Placement, Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { computed, defineComponent, h, mergeProps, Teleport } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { slotPaints } from '../../runtime/slot-content'\nimport {\n  provideDatePicker,\n  provideDatePickerCell,\n  provideDatePickerSegmentGroup,\n  useDatePickerCellContext,\n  useDatePickerContext,\n  useDatePickerSegmentGroupContext,\n} from './context'\nimport { useDatePicker } from './use-date-picker'\n\ntype DatePickerProps = DatePickerSchema['props']\n\n/** 按组号取那一组分段输入；非区间模式下终点那组缺席。 */\nfunction fieldOf(api: DatePickerApi, index: 0 | 1): DatePickerFieldApi | null {\n  return index === 1 ? api.fieldEnd : api.field\n}\n\n/** 默认插槽的载荷：选择器的开合与选中值、内嵌日历的展示数据、两组段位，以及改写值的句柄。 */\nexport type DatePickerRootSlotProps\n  = & Pick<\n    DatePickerApi,\n    | 'open'\n    | 'value'\n    | 'valueAsString'\n    | 'focusedValue'\n    | 'canClear'\n    | 'setOpen'\n    | 'setValue'\n    | 'clear'\n  >\n  & Pick<\n    CalendarApi,\n    | 'visibleMonth'\n    | 'panels'\n    | 'weeks'\n    | 'weekDays'\n    | 'headingLabel'\n    | 'canGoPrev'\n    | 'canGoNext'\n  >\n  & {\n    segments: DateFieldSegmentState[]\n    /** 区间终点那组段位；非区间模式为空数组。 */\n    endSegments: DateFieldSegmentState[]\n  }\n\n/** 段位默认插槽的载荷：本段的投影；下标越界时缺席。 */\nexport interface DatePickerSegmentSlotProps {\n  segment: DateFieldSegmentState | undefined\n}\n\n/** 快捷选项列默认插槽的载荷：逐条的投影，作者据此自己铺条目。 */\nexport interface DatePickerPresetsSlotProps {\n  presets: readonly DatePickerPresetState[]\n}\n\nexport const XhDatePickerRoot = defineComponent({\n  name: 'XhDatePickerRoot',\n  // 有 connect / machine 兜底的 prop 一律 default: undefined\n  props: {\n    value: { type: [String, Array] as PropType<string | string[]>, default: undefined },\n    defaultValue: { type: [String, Array] as PropType<string | string[]>, default: undefined },\n    open: { type: Boolean, default: undefined },\n    defaultOpen: Boolean,\n    min: { type: String, default: undefined },\n    max: { type: String, default: undefined },\n    locale: { type: String, default: undefined },\n    timeZone: { type: String, default: undefined },\n    selectionMode: { type: String as PropType<CalendarSelectionMode>, default: undefined },\n    /** 挑的粒度：天（默认）/ 月 / 季度 / 年。输入行铺哪几段也跟着它走。 */\n    view: { type: String as PropType<CalendarView>, default: undefined },\n    /** 面板此刻钻到了哪一层；给定即受控，缺省跟着 view。 */\n    activeView: { type: String as PropType<CalendarView>, default: undefined },\n    /** 输入行铺哪几段；不给就按 view 推。 */\n    segments: { type: Array as PropType<DateSegmentSet>, default: undefined },\n    /** 周选：点任意一天选中它所在的整周。只在 view=day 且区间模式下生效。 */\n    weekSelection: { type: Boolean, default: undefined },\n    /** 并排展示几页；缺省单选 1、区间 2。 */\n    visibleCount: { type: Number, default: undefined },\n    /** 快捷选项；给了就在浮层里多出一列，日子要在自己的 computed 里算好再传。 */\n    presets: { type: Array as PropType<DatePickerPreset[]>, default: undefined },\n    isDateUnavailable: { type: Function as PropType<(value: string) => boolean>, default: undefined },\n    disabled: Boolean,\n    readOnly: Boolean,\n    invalid: Boolean,\n    required: Boolean,\n    name: { type: String, default: undefined },\n    // 区间终点那份隐藏输入的表单名；不给即终点不参与提交\n    endName: { type: String, default: undefined },\n    // 区间模式下两组段位各自的读屏名字\n    translations: { type: Object as PropType<DatePickerProps['translations']>, 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    placement: { type: String as PropType<Placement>, default: undefined },\n    offset: { type: Number, default: undefined },\n    closeOnSelect: { type: Boolean, default: undefined },\n    showTime: { type: Boolean, default: undefined },\n    timeGranularity: { type: String as PropType<DatePickerSchema['props']['timeGranularity']>, default: undefined },\n  },\n  // *-change 携带 details 对象，update:* 携带裸值；选中值恒为数组，单选时长度 ≤ 1\n  emits: {\n    'value-change': (_details: PayloadOf<DatePickerProps, 'onValueChange'>) => true,\n    'open-change': (_details: PayloadOf<DatePickerProps, 'onOpenChange'>) => true,\n    'focused-value-change': (_details: PayloadOf<DatePickerProps, 'onFocusedValueChange'>) => true,\n    'active-view-change': (_details: PayloadOf<DatePickerProps, 'onActiveViewChange'>) => true,\n    'update:value': (_value: PayloadOf<DatePickerProps, 'onValueChange'>['value']) => true,\n    'update:open': (_open: PayloadOf<DatePickerProps, 'onOpenChange'>['open']) => true,\n    'update:activeView': (_view: PayloadOf<DatePickerProps, 'onActiveViewChange'>['activeView']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: DatePickerRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notifyValue: DatePickerProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const notifyOpen: DatePickerProps['onOpenChange'] = (details) => {\n      emit('open-change', details)\n      emit('update:open', details.open)\n    }\n    // 聚焦日只对外播报，不提供 v-model\n    const notifyFocus: DatePickerProps['onFocusedValueChange'] = details => emit('focused-value-change', details)\n    const notifyActiveView: DatePickerProps['onActiveViewChange'] = (details) => {\n      emit('active-view-change', details)\n      emit('update:activeView', details.activeView)\n    }\n    const ctx = useDatePicker(withXhConfig('date-picker', props) as DatePickerProps, {\n      onValueChange: notifyValue,\n      onOpenChange: notifyOpen,\n      onFocusedValueChange: notifyFocus,\n      onActiveViewChange: notifyActiveView,\n    })\n    provideDatePicker(ctx)\n    // 网格与段位由作者照插槽里的 weeks / segments 自行渲染\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      open: ctx.api.value.open,\n      value: ctx.api.value.value,\n      valueAsString: ctx.api.value.valueAsString,\n      focusedValue: ctx.api.value.focusedValue,\n      visibleMonth: ctx.api.value.calendar.visibleMonth,\n      panels: ctx.api.value.calendar.panels,\n      weeks: ctx.api.value.calendar.weeks,\n      weekDays: ctx.api.value.calendar.weekDays,\n      headingLabel: ctx.api.value.calendar.headingLabel,\n      canGoPrev: ctx.api.value.calendar.canGoPrev,\n      canGoNext: ctx.api.value.calendar.canGoNext,\n      segments: ctx.api.value.field.segments,\n      // 区间终点那组段位；非区间模式为空数组，作者据此决定渲不渲第二组\n      endSegments: ctx.api.value.fieldEnd?.segments ?? [],\n      canClear: ctx.api.value.canClear,\n      setOpen: ctx.api.value.setOpen,\n      setValue: ctx.api.value.setValue,\n      clear: ctx.api.value.clear,\n    }))\n  },\n})\n\nexport const XhDatePickerLabel = defineComponent({\n  name: 'XhDatePickerLabel',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    // 渲染为 span 而非 label，点击聚焦由连接层接管\n    return () => h('span', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDatePickerControl = defineComponent({\n  name: 'XhDatePickerControl',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    return () => h('div', {\n      ...ctx.api.value.getControlProps() as Record<string, unknown>,\n      ref: (el: unknown) => { ctx.controlRef.value = el as HTMLElement },\n    }, slots.default?.())\n  },\n})\n\nexport const XhDatePickerSegmentGroup = defineComponent({\n  name: 'XhDatePickerSegmentGroup',\n  props: {\n    // 组号：0 起点、1 区间终点，兼收字符串以支持模板里写 index=\"1\"\n    index: { type: [Number, String] as PropType<number | string>, default: 0 },\n  },\n  setup(props, { slots }) {\n    const ctx = useDatePickerContext()\n    const index = computed<0 | 1>(() => (Number(props.index) === 1 ? 1 : 0))\n    // 组内的段位与隐藏输入据此认领起止\n    provideDatePickerSegmentGroup({ index })\n    // role=group 的分段容器，也是换段时的查询边界\n    return () => h(\n      'div',\n      ctx.api.value.getSegmentGroupProps({ index: index.value }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhDatePickerSegment = defineComponent({\n  name: 'XhDatePickerSegment',\n  props: {\n    // 段位下标，兼收字符串以支持模板里写 index=\"0\"\n    index: { type: [Number, String] as PropType<number | string>, default: undefined },\n    /** 按段名声明这一格。段集里没有这一块时它收起；与 index 二选一，两个都写按段名算。 */\n    segment: { type: String as PropType<DateSegmentType>, default: undefined },\n  },\n  slots: Object as SlotsType<{\n    default?: (props: DatePickerSegmentSlotProps) => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useDatePickerContext()\n    const group = useDatePickerSegmentGroupContext()\n    return () => {\n      const field = fieldOf(ctx.api.value, group.index.value)\n      // 非区间模式下写在终点组里的段位无处落脚，不渲染\n      if (!field)\n        return null\n      // 落点由连接层算：按下标还是按段名是同一条路，适配器这边不重写一份\n      const declared = props.segment != null\n        ? { segment: props.segment }\n        : { index: Math.trunc(Number(props.index)) }\n      const state = field.segmentOf(declared)\n      // 有插槽用插槽，否则渲染连接层算好的段位文本\n      return h(\n        'div',\n        field.getSegmentProps(declared) as Record<string, unknown>,\n        slots.default ? slots.default({ segment: state }) : state?.text,\n      )\n    }\n  },\n})\n\nexport const XhDatePickerClearTrigger = defineComponent({\n  name: 'XhDatePickerClearTrigger',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    return () => h('button', ctx.api.value.getClearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDatePickerTrigger = defineComponent({\n  name: 'XhDatePickerTrigger',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    return () => h('button', ctx.api.value.getTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDatePickerPositioner = defineComponent({\n  name: 'XhDatePickerPositioner',\n  // 根是 Teleport，Vue 不会把直通属性合上去，作者写的 class 与 style 得自己接住落到 positioner 上\n  inheritAttrs: false,\n  setup(_, { slots, attrs }) {\n    const ctx = useDatePickerContext()\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 XhDatePickerContent = defineComponent({\n  name: 'XhDatePickerContent',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\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\n// 以下是内嵌日历的角色节点，DOM 上带 data-scope=\"calendar\"，行为取自本组件持有的日历机器\n\nexport const XhDatePickerCalendar = defineComponent({\n  name: 'XhDatePickerCalendar',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    // 内嵌日历的挂载点，同时是日历的根节点\n    return () => h('div', ctx.api.value.getCalendarProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDatePickerPresets = defineComponent({\n  name: 'XhDatePickerPresets',\n  slots: Object as SlotsType<{\n    /** 自己铺条目；不写就按 presets 数据自动铺，两者产出的 DOM 一致。 */\n    default?: (props: DatePickerPresetsSlotProps) => VNode[]\n  }>,\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    return () => {\n      const api = ctx.api.value\n      const authored = slots.default?.({ presets: api.presets })\n      return h(\n        'div',\n        api.getPresetsProps() as Record<string, unknown>,\n        slotPaints(authored)\n          ? authored\n          : api.presets.map(preset => h(\n              'div',\n              { ...api.getPresetProps({ value: preset.value }) as Record<string, unknown>, key: preset.value },\n              preset.label,\n            )),\n      )\n    }\n  },\n})\n\nexport const XhDatePickerPreset = defineComponent({\n  name: 'XhDatePickerPreset',\n  props: {\n    /** 这一条的身份，与 presets 数据里的 value 逐字对上。 */\n    value: { type: String, required: true },\n  },\n  slots: Object as SlotsType<{\n    /** 条目内容；不写就用数据里的 label。 */\n    default?: () => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useDatePickerContext()\n    return () => {\n      const api = ctx.api.value\n      const authored = slots.default?.()\n      return h(\n        'div',\n        api.getPresetProps({ value: props.value }) as Record<string, unknown>,\n        slotPaints(authored) ? authored : api.presets.find(p => p.value === props.value)?.label,\n      )\n    }\n  },\n})\n\nexport const XhDatePickerTimePanel = defineComponent({\n  name: 'XhDatePickerTimePanel',\n  setup() {\n    const ctx = useDatePickerContext()\n    // 时间列整组自动铺：时/分[/秒]各一列，选项点按写值；没开 showTime 时整组带 hidden\n    return () => ctx.api.value.timeColumns.map(column =>\n      h(\n        'div',\n        { ...ctx.api.value.getTimeColumnProps({ unit: column.unit }) as Record<string, unknown>, key: column.unit },\n        column.options.map(option =>\n          h(\n            'div',\n            { ...ctx.api.value.getTimeItemProps({ unit: column.unit, value: option }) as Record<string, unknown>, key: option },\n            option,\n          ),\n        ),\n      ),\n    )\n  },\n})\n\nexport const XhDatePickerConfirmTrigger = defineComponent({\n  name: 'XhDatePickerConfirmTrigger',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    return () => h('button', ctx.api.value.getConfirmTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDatePickerHeader = defineComponent({\n  name: 'XhDatePickerHeader',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    return () => h('div', ctx.api.value.calendar.getHeaderProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDatePickerPrevYearTrigger = defineComponent({\n  name: 'XhDatePickerPrevYearTrigger',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    return () => h('button', ctx.api.value.calendar.getPrevYearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDatePickerPrevTrigger = defineComponent({\n  name: 'XhDatePickerPrevTrigger',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    return () => h('button', ctx.api.value.calendar.getPrevTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDatePickerNextTrigger = defineComponent({\n  name: 'XhDatePickerNextTrigger',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    return () => h('button', ctx.api.value.calendar.getNextTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDatePickerNextYearTrigger = defineComponent({\n  name: 'XhDatePickerNextYearTrigger',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    return () => h('button', ctx.api.value.calendar.getNextYearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDatePickerHeading = defineComponent({\n  name: 'XhDatePickerHeading',\n  props: {\n    /** 属于第几个面板，默认 0。单面板时不用写。 */\n    index: { type: Number, default: 0 },\n  },\n  setup(props, { slots }) {\n    const ctx = useDatePickerContext()\n    // 有插槽用插槽，否则渲染本面板的标题\n    return () => h(\n      'div',\n      ctx.api.value.calendar.getHeadingProps({ index: props.index }) as Record<string, unknown>,\n      slots.default?.() ?? (ctx.api.value.calendar.panels[props.index]?.headingLabel ?? ctx.api.value.calendar.headingLabel),\n    )\n  },\n})\n\nexport const XhDatePickerHeadingYearTrigger = defineComponent({\n  name: 'XhDatePickerHeadingYearTrigger',\n  props: {\n    /** 属于第几个面板，默认 0。单面板时不用写。 */\n    index: { type: Number, default: 0 },\n  },\n  setup(props, { slots }) {\n    const ctx = useDatePickerContext()\n    // 有插槽用插槽，否则渲染标题里年那一截；年视图下它是整个十年跨度\n    return () => h(\n      'button',\n      ctx.api.value.calendar.getHeadingYearTriggerProps({ index: props.index }) as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.calendar.panels[props.index]?.headingYear,\n    )\n  },\n})\n\nexport const XhDatePickerHeadingMonthTrigger = defineComponent({\n  name: 'XhDatePickerHeadingMonthTrigger',\n  props: {\n    /** 属于第几个面板，默认 0。单面板时不用写。 */\n    index: { type: Number, default: 0 },\n  },\n  setup(props, { slots }) {\n    const ctx = useDatePickerContext()\n    return () => h(\n      'button',\n      ctx.api.value.calendar.getHeadingMonthTriggerProps({ index: props.index }) as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.calendar.panels[props.index]?.headingMonth,\n    )\n  },\n})\n\nexport const XhDatePickerGrid = defineComponent({\n  name: 'XhDatePickerGrid',\n  props: {\n    /** 属于第几个面板，默认 0。单面板时不用写。 */\n    index: { type: Number, default: 0 },\n  },\n  setup(props, { slots }) {\n    const ctx = useDatePickerContext()\n    return () => h(\n      'div',\n      {\n        ...ctx.api.value.calendar.getGridProps({ index: props.index }) as Record<string, unknown>,\n        // 键盘在首个网格上收口；其余面板只渲染，方向键仍能跨面板走（落点按值现查）\n        ref: props.index === 0 ? ctx.gridRef : undefined,\n      },\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhDatePickerGridHead = defineComponent({\n  name: 'XhDatePickerGridHead',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    return () => h('div', ctx.api.value.calendar.getGridHeadProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDatePickerGridBody = defineComponent({\n  name: 'XhDatePickerGridBody',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    return () => h('div', ctx.api.value.calendar.getGridBodyProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 表头行与日期行共用同一个 role=row\nexport const XhDatePickerWeekRow = defineComponent({\n  name: 'XhDatePickerWeekRow',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    return () => h('div', ctx.api.value.calendar.getWeekRowProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDatePickerWeekNumber = defineComponent({\n  name: 'XhDatePickerWeekNumber',\n  props: {\n    /** 这一行行首那天的 ISO 串。 */\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useDatePickerContext()\n    // 有插槽用插槽，否则显示这一行的周序号\n    return () => h(\n      'span',\n      ctx.api.value.calendar.getWeekNumberProps({ value: props.value }) as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.calendar.getWeekNumberText({ value: props.value }),\n    )\n  },\n})\n\nexport const XhDatePickerWeekDay = defineComponent({\n  name: 'XhDatePickerWeekDay',\n  props: {\n    // 列序 0-6，兼收字符串\n    value: { type: [Number, String] as PropType<number | string>, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useDatePickerContext()\n    const index = computed(() => Number(props.value))\n    return () => h(\n      'span',\n      ctx.api.value.calendar.getWeekDayProps({ value: index.value }) as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.calendar.weekDays[index.value]?.label,\n    )\n  },\n})\n\nexport const XhDatePickerCell = defineComponent({\n  name: 'XhDatePickerCell',\n  props: {\n    /** ISO 日期串。 */\n    value: { type: String, required: true },\n    /**\n     * 属于第几个面板，默认 0。多面板时必须给：同一天会同时出现在两个面板里\n     * （8 月末那几天也铺在 9 月的首行），「是不是本月」只有连着面板一起看才判得出来。\n     */\n    index: { type: Number, default: 0 },\n  },\n  setup(props, { slots }) {\n    const ctx = useDatePickerContext()\n    const cell = computed<CalendarCellProps>(() => ({ value: props.value, index: props.index }))\n    provideDatePickerCell({ cell })\n    // 不上报格子卸载，翻月后由日历机器按聚焦日重新落点\n    return () => h('div', ctx.api.value.calendar.getCellProps(cell.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDatePickerCellTrigger = defineComponent({\n  name: 'XhDatePickerCellTrigger',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    const { cell } = useDatePickerCellContext()\n    return () => h(\n      'div',\n      ctx.api.value.calendar.getCellTriggerProps(cell.value) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhDatePickerHiddenInput = defineComponent({\n  name: 'XhDatePickerHiddenInput',\n  props: {\n    // 写在分段容器外面时用它指明属于哪一端；写在容器里面不必给，跟着容器走\n    index: { type: [Number, String] as PropType<number | string>, default: undefined },\n  },\n  setup(props) {\n    const ctx = useDatePickerContext()\n    const group = useDatePickerSegmentGroupContext()\n    return () => {\n      const index = props.index === undefined ? group.index.value : (Number(props.index) === 1 ? 1 : 0)\n      const field = fieldOf(ctx.api.value, index)\n      // 非区间模式下终点那份没有可提交的值，不渲染\n      if (!field)\n        return null\n      return h('input', field.getHiddenInputProps() as Record<string, unknown>)\n    }\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"date-picker.js","names":[],"sources":["../../../src/components/date-picker/date-picker.ts"],"sourcesContent":["import type {\n  CalendarApi,\n  CalendarCellProps,\n  CalendarSelectionMode,\n  CalendarView,\n  DateFieldSegmentState,\n  DatePickerApi,\n  DatePickerFieldApi,\n  DatePickerPreset,\n  DatePickerPresetState,\n  DatePickerSchema,\n  DateSegmentSet,\n  DateSegmentType,\n} from '@xihan-ui/headless'\nimport type { ControlVariant, Placement, Size, Tone } from '@xihan-ui/kernel'\nimport type { ComputedRef, PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { computed, defineComponent, h, mergeProps, Teleport } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { slotPaints } from '../../runtime/slot-content'\nimport { useScrollbars } from '../../runtime/use-scrollbars'\nimport { useFieldLabelWiring, useFieldStateWiring } from '../field/use-field-control'\nimport {\n  provideDatePicker,\n  provideDatePickerCell,\n  provideDatePickerPanel,\n  provideDatePickerSegmentGroup,\n  useDatePickerCellContext,\n  useDatePickerContext,\n  useDatePickerPanelContext,\n  useDatePickerSegmentGroupContext,\n} from './context'\nimport { useDatePicker } from './use-date-picker'\n\ntype DatePickerProps = DatePickerSchema['props']\n\n/**\n * 部件属于并排的第几张面板：自己写了就按自己写的，没写就跟着所在的日历走。\n * 兼收字符串以支持模板里写 index=\"1\"。\n */\nfunction usePanelIndex(props: { index?: number | string }): ComputedRef<number> {\n  const panel = useDatePickerPanelContext()\n  return computed(() => {\n    if (props.index === undefined || props.index === '')\n      return panel.index.value\n    const n = Math.trunc(Number(props.index))\n    return Number.isFinite(n) && n >= 0 ? n : panel.index.value\n  })\n}\n\n/** 按组号取那一组分段输入；非区间模式下终点那组缺席。 */\nfunction fieldOf(api: DatePickerApi, index: 0 | 1): DatePickerFieldApi | null {\n  return index === 1 ? api.fieldEnd : api.field\n}\n\n/** 默认插槽的载荷：选择器的开合与选中值、内嵌日历的展示数据、两组段位，以及改写值的句柄。 */\nexport type DatePickerRootSlotProps\n  = & Pick<\n    DatePickerApi,\n    | 'open'\n    | 'value'\n    | 'valueAsString'\n    | 'focusedValue'\n    | 'canClear'\n    | 'setOpen'\n    | 'setValue'\n    | 'clear'\n  >\n  & Pick<\n    CalendarApi,\n    | 'visibleMonth'\n    | 'panels'\n    | 'weeks'\n    | 'weekDays'\n    | 'headingLabel'\n    | 'canGoPrev'\n    | 'canGoNext'\n  >\n  & {\n    segments: DateFieldSegmentState[]\n    /** 区间终点那组段位；非区间模式为空数组。 */\n    endSegments: DateFieldSegmentState[]\n  }\n\n/** 段位默认插槽的载荷：本段的投影；下标越界时缺席。 */\nexport interface DatePickerSegmentSlotProps {\n  segment: DateFieldSegmentState | undefined\n}\n\n/** 快捷选项列默认插槽的载荷：逐条的投影，作者据此自己铺条目。 */\nexport interface DatePickerPresetsSlotProps {\n  presets: readonly DatePickerPresetState[]\n}\n\nexport const XhDatePickerRoot = defineComponent({\n  name: 'XhDatePickerRoot',\n  // 有 connect / machine 兜底的 prop 一律 default: undefined\n  props: {\n    value: { type: [String, Array] as PropType<string | string[]>, default: undefined },\n    defaultValue: { type: [String, Array] as PropType<string | string[]>, default: undefined },\n    open: { type: Boolean, default: undefined },\n    defaultOpen: Boolean,\n    min: { type: String, default: undefined },\n    max: { type: String, default: undefined },\n    locale: { type: String, default: undefined },\n    timeZone: { type: String, default: undefined },\n    selectionMode: { type: String as PropType<CalendarSelectionMode>, default: undefined },\n    /** 挑的粒度：天（默认）/ 月 / 季度 / 年。输入行铺哪几段也跟着它走。 */\n    view: { type: String as PropType<CalendarView>, default: undefined },\n    /** 面板此刻钻到了哪一层；给定即受控，缺省跟着 view。 */\n    activeView: { type: String as PropType<CalendarView>, default: undefined },\n    /** 输入行铺哪几段；不给就按 view 推。 */\n    segments: { type: Array as PropType<DateSegmentSet>, default: undefined },\n    /** 周选：点任意一天选中它所在的整周。只在 view=day 且区间模式下生效。 */\n    weekSelection: { type: Boolean, default: undefined },\n    /** 并排展示几页；缺省单选 1，区间按两端定：同一页放得下就 1，跨页才 2。 */\n    visibleCount: { type: Number, default: undefined },\n    /** 日历恒渲染六行，默认开。关掉后翻页时浮层高度会跟着月份变。 */\n    fixedWeeks: { type: Boolean, default: undefined },\n    /** 初始聚焦日，同时决定展开时先落在哪一页；不给就退回首个选中值，再退回今天。 */\n    defaultFocusedValue: { type: String, default: undefined },\n    /** 快捷选项；给了就在浮层里多出一列，日子要在自己的 computed 里算好再传。 */\n    presets: { type: Array as PropType<DatePickerPreset[]>, default: undefined },\n    isDateUnavailable: { type: Function as PropType<(value: string) => boolean>, default: undefined },\n    disabled: Boolean,\n    readOnly: Boolean,\n    invalid: Boolean,\n    required: Boolean,\n    name: { type: String, default: undefined },\n    // 区间终点那份隐藏输入的表单名；不给即终点不参与提交\n    endName: { type: String, default: undefined },\n    // 区间模式下两组段位各自的读屏名字\n    translations: { type: Object as PropType<DatePickerProps['translations']>, 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    placement: { type: String as PropType<Placement>, default: undefined },\n    offset: { type: Number, default: undefined },\n    closeOnSelect: { type: Boolean, default: undefined },\n    showTime: { type: Boolean, default: undefined },\n    timeGranularity: { type: String as PropType<DatePickerSchema['props']['timeGranularity']>, default: undefined },\n  },\n  // *-change 携带 details 对象，update:* 携带裸值；选中值恒为数组，单选时长度 ≤ 1\n  emits: {\n    'value-change': (_details: PayloadOf<DatePickerProps, 'onValueChange'>) => true,\n    'open-change': (_details: PayloadOf<DatePickerProps, 'onOpenChange'>) => true,\n    'focused-value-change': (_details: PayloadOf<DatePickerProps, 'onFocusedValueChange'>) => true,\n    'active-view-change': (_details: PayloadOf<DatePickerProps, 'onActiveViewChange'>) => true,\n    'update:value': (_value: PayloadOf<DatePickerProps, 'onValueChange'>['value']) => true,\n    'update:open': (_open: PayloadOf<DatePickerProps, 'onOpenChange'>['open']) => true,\n    'update:activeView': (_view: PayloadOf<DatePickerProps, 'onActiveViewChange'>['activeView']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: DatePickerRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notifyValue: DatePickerProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const notifyOpen: DatePickerProps['onOpenChange'] = (details) => {\n      emit('open-change', details)\n      emit('update:open', details.open)\n    }\n    // 聚焦日只对外播报，不提供 v-model\n    const notifyFocus: DatePickerProps['onFocusedValueChange'] = details => emit('focused-value-change', details)\n    const notifyActiveView: DatePickerProps['onActiveViewChange'] = (details) => {\n      emit('active-view-change', details)\n      emit('update:activeView', details.activeView)\n    }\n    const ctx = useDatePicker(withXhConfig('date-picker', props) as DatePickerProps, {\n      onValueChange: notifyValue,\n      onOpenChange: notifyOpen,\n      onFocusedValueChange: notifyFocus,\n      onActiveViewChange: notifyActiveView,\n    })\n    provideDatePicker(ctx)\n    // 网格与段位由作者照插槽里的 weeks / segments 自行渲染\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      open: ctx.api.value.open,\n      value: ctx.api.value.value,\n      valueAsString: ctx.api.value.valueAsString,\n      focusedValue: ctx.api.value.focusedValue,\n      visibleMonth: ctx.api.value.calendar.visibleMonth,\n      panels: ctx.api.value.calendar.panels,\n      weeks: ctx.api.value.calendar.weeks,\n      weekDays: ctx.api.value.calendar.weekDays,\n      headingLabel: ctx.api.value.calendar.headingLabel,\n      canGoPrev: ctx.api.value.calendar.canGoPrev,\n      canGoNext: ctx.api.value.calendar.canGoNext,\n      segments: ctx.api.value.field.segments,\n      // 区间终点那组段位；非区间模式为空数组，作者据此决定渲不渲第二组\n      endSegments: ctx.api.value.fieldEnd?.segments ?? [],\n      canClear: ctx.api.value.canClear,\n      setOpen: ctx.api.value.setOpen,\n      setValue: ctx.api.value.setValue,\n      clear: ctx.api.value.clear,\n    }))\n  },\n})\n\nexport const XhDatePickerLabel = defineComponent({\n  name: 'XhDatePickerLabel',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    // 渲染为 span 而非 label，点击聚焦由连接层接管\n    return () => h('span', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDatePickerControl = defineComponent({\n  name: 'XhDatePickerControl',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    return () => h('div', {\n      ...ctx.api.value.getControlProps() as Record<string, unknown>,\n      ref: (el: unknown) => { ctx.controlRef.value = el as HTMLElement },\n    }, slots.default?.())\n  },\n})\n\nexport const XhDatePickerSegmentGroup = defineComponent({\n  name: 'XhDatePickerSegmentGroup',\n  props: {\n    // 组号：0 起点、1 区间终点，兼收字符串以支持模板里写 index=\"1\"\n    index: { type: [Number, String] as PropType<number | string>, default: 0 },\n  },\n  setup(props, { slots }) {\n    const ctx = useDatePickerContext()\n    const index = computed<0 | 1>(() => (Number(props.index) === 1 ? 1 : 0))\n    // 组内的段位与隐藏输入据此认领起止\n    provideDatePickerSegmentGroup({ index })\n    // role=group 的分段容器，也是换段时的查询边界\n    return () => h(\n      'div',\n      ctx.api.value.getSegmentGroupProps({ index: index.value }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhDatePickerSegment = defineComponent({\n  name: 'XhDatePickerSegment',\n  props: {\n    // 段位下标，兼收字符串以支持模板里写 index=\"0\"\n    index: { type: [Number, String] as PropType<number | string>, default: undefined },\n    /** 按段名声明这一格。段集里没有这一块时它收起；与 index 二选一，两个都写按段名算。 */\n    segment: { type: String as PropType<DateSegmentType>, default: undefined },\n  },\n  slots: Object as SlotsType<{\n    default?: (props: DatePickerSegmentSlotProps) => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useDatePickerContext()\n    const group = useDatePickerSegmentGroupContext()\n    return () => {\n      const field = fieldOf(ctx.api.value, group.index.value)\n      // 非区间模式下写在终点组里的段位无处落脚，不渲染\n      if (!field)\n        return null\n      // 落点由连接层算：按下标还是按段名是同一条路，适配器这边不重写一份\n      const declared = props.segment != null\n        ? { segment: props.segment }\n        : { index: Math.trunc(Number(props.index)) }\n      const state = field.segmentOf(declared)\n      // 有插槽用插槽，否则渲染连接层算好的段位文本\n      return h(\n        'div',\n        field.getSegmentProps(declared) as Record<string, unknown>,\n        slots.default ? slots.default({ segment: state }) : state?.text,\n      )\n    }\n  },\n})\n\nexport const XhDatePickerClearTrigger = defineComponent({\n  name: 'XhDatePickerClearTrigger',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    return () => h('button', ctx.api.value.getClearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDatePickerTrigger = defineComponent({\n  name: 'XhDatePickerTrigger',\n  setup(_, { slots }) {\n    // 字段的说明与校验状态要落在真控件上，不能停在封装根的 div 上\n    const fieldWiring = useFieldStateWiring()\n    // 字段的标签也得并进名字链：控件自带的那条指的是它自己那个没渲染的 label 部件\n    const fieldLabel = useFieldLabelWiring()\n    const ctx = useDatePickerContext()\n    return () => h('button', fieldLabel.value({ ...ctx.api.value.getTriggerProps() as Record<string, unknown>, ...fieldWiring.value }), slots.default?.())\n  },\n})\n\nexport const XhDatePickerPositioner = defineComponent({\n  name: 'XhDatePickerPositioner',\n  // 根是 Teleport，Vue 不会把直通属性合上去，作者写的 class 与 style 得自己接住落到 positioner 上\n  inheritAttrs: false,\n  setup(_, { slots, attrs }) {\n    const ctx = useDatePickerContext()\n    // 浮层面板的自绘条：与 content 同级、绝对定位不占布局，壳是这层已经 fixed 的 positioner\n    const bars = useScrollbars({ scrollable: () => ctx.contentRef.value })\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 XhDatePickerContent = defineComponent({\n  name: 'XhDatePickerContent',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\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\n// 以下是内嵌日历的角色节点，DOM 上带 data-scope=\"calendar\"，行为取自本组件持有的日历机器\n\nexport const XhDatePickerCalendar = defineComponent({\n  name: 'XhDatePickerCalendar',\n  props: {\n    /** 并排的第几张面板，默认 0。写在这里，面板内的标题、网格与格子就不必各写一遍。 */\n    index: { type: [Number, String], default: 0 },\n  },\n  setup(props, { slots }) {\n    const ctx = useDatePickerContext()\n    provideDatePickerPanel({ index: usePanelIndex(props) })\n    // 内嵌日历的挂载点，同时是日历的根节点\n    return () => h('div', ctx.api.value.getCalendarProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDatePickerPresets = defineComponent({\n  name: 'XhDatePickerPresets',\n  slots: Object as SlotsType<{\n    /** 自己铺条目；不写就按 presets 数据自动铺，两者产出的 DOM 一致。 */\n    default?: (props: DatePickerPresetsSlotProps) => VNode[]\n  }>,\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    return () => {\n      const api = ctx.api.value\n      const authored = slots.default?.({ presets: api.presets })\n      return h(\n        'div',\n        api.getPresetsProps() as Record<string, unknown>,\n        slotPaints(authored)\n          ? authored\n          : api.presets.map(preset => h(\n              'div',\n              { ...api.getPresetProps({ value: preset.value }) as Record<string, unknown>, key: preset.value },\n              preset.label,\n            )),\n      )\n    }\n  },\n})\n\nexport const XhDatePickerPreset = defineComponent({\n  name: 'XhDatePickerPreset',\n  props: {\n    /** 这一条的身份，与 presets 数据里的 value 逐字对上。 */\n    value: { type: String, required: true },\n  },\n  slots: Object as SlotsType<{\n    /** 条目内容；不写就用数据里的 label。 */\n    default?: () => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useDatePickerContext()\n    return () => {\n      const api = ctx.api.value\n      const authored = slots.default?.()\n      return h(\n        'div',\n        api.getPresetProps({ value: props.value }) as Record<string, unknown>,\n        slotPaints(authored) ? authored : api.presets.find(p => p.value === props.value)?.label,\n      )\n    }\n  },\n})\n\nexport const XhDatePickerTimePanel = defineComponent({\n  name: 'XhDatePickerTimePanel',\n  setup() {\n    const ctx = useDatePickerContext()\n    // 时间列整组自动铺：时/分[/秒]各一列，选项点按写值；没开 showTime 时整组带 hidden\n    return () => ctx.api.value.timeColumns.map(column =>\n      h(\n        'div',\n        { ...ctx.api.value.getTimeColumnProps({ unit: column.unit }) as Record<string, unknown>, key: column.unit },\n        column.options.map(option =>\n          h(\n            'div',\n            { ...ctx.api.value.getTimeItemProps({ unit: column.unit, value: option }) as Record<string, unknown>, key: option },\n            option,\n          ),\n        ),\n      ),\n    )\n  },\n})\n\nexport const XhDatePickerConfirmTrigger = defineComponent({\n  name: 'XhDatePickerConfirmTrigger',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    return () => h('button', ctx.api.value.getConfirmTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDatePickerHeader = defineComponent({\n  name: 'XhDatePickerHeader',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    return () => h('div', ctx.api.value.calendar.getHeaderProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDatePickerPrevYearTrigger = defineComponent({\n  name: 'XhDatePickerPrevYearTrigger',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    return () => h('button', ctx.api.value.calendar.getPrevYearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDatePickerPrevTrigger = defineComponent({\n  name: 'XhDatePickerPrevTrigger',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    return () => h('button', ctx.api.value.calendar.getPrevTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDatePickerNextTrigger = defineComponent({\n  name: 'XhDatePickerNextTrigger',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    return () => h('button', ctx.api.value.calendar.getNextTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDatePickerNextYearTrigger = defineComponent({\n  name: 'XhDatePickerNextYearTrigger',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    return () => h('button', ctx.api.value.calendar.getNextYearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDatePickerHeading = defineComponent({\n  name: 'XhDatePickerHeading',\n  props: {\n    /** 属于第几个面板；不写就跟着所在的日历走。 */\n    index: { type: [Number, String], default: undefined },\n  },\n  setup(props, { slots }) {\n    const ctx = useDatePickerContext()\n    const index = usePanelIndex(props)\n    // 有插槽用插槽，否则渲染本面板的标题\n    return () => h(\n      'div',\n      ctx.api.value.calendar.getHeadingProps({ index: index.value }) as Record<string, unknown>,\n      slots.default?.() ?? (ctx.api.value.calendar.panels[index.value]?.headingLabel ?? ctx.api.value.calendar.headingLabel),\n    )\n  },\n})\n\nexport const XhDatePickerHeadingYearTrigger = defineComponent({\n  name: 'XhDatePickerHeadingYearTrigger',\n  props: {\n    /** 属于第几个面板；不写就跟着所在的日历走。 */\n    index: { type: [Number, String], default: undefined },\n  },\n  setup(props, { slots }) {\n    const ctx = useDatePickerContext()\n    const index = usePanelIndex(props)\n    // 有插槽用插槽，否则渲染标题里年那一截；年视图下它是整个十年跨度\n    return () => h(\n      'button',\n      ctx.api.value.calendar.getHeadingYearTriggerProps({ index: index.value }) as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.calendar.panels[index.value]?.headingYear,\n    )\n  },\n})\n\nexport const XhDatePickerHeadingMonthTrigger = defineComponent({\n  name: 'XhDatePickerHeadingMonthTrigger',\n  props: {\n    /** 属于第几个面板；不写就跟着所在的日历走。 */\n    index: { type: [Number, String], default: undefined },\n  },\n  setup(props, { slots }) {\n    const ctx = useDatePickerContext()\n    const index = usePanelIndex(props)\n    return () => h(\n      'button',\n      ctx.api.value.calendar.getHeadingMonthTriggerProps({ index: index.value }) as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.calendar.panels[index.value]?.headingMonth,\n    )\n  },\n})\n\nexport const XhDatePickerGrid = defineComponent({\n  name: 'XhDatePickerGrid',\n  props: {\n    /** 属于第几个面板；不写就跟着所在的日历走。 */\n    index: { type: [Number, String], default: undefined },\n  },\n  setup(props, { slots }) {\n    const ctx = useDatePickerContext()\n    const index = usePanelIndex(props)\n    return () => h(\n      'div',\n      {\n        ...ctx.api.value.calendar.getGridProps({ index: index.value }) as Record<string, unknown>,\n        // 键盘在首个网格上收口；其余面板只渲染，方向键仍能跨面板走（落点按值现查）\n        ref: index.value === 0 ? ctx.gridRef : undefined,\n      },\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhDatePickerGridHead = defineComponent({\n  name: 'XhDatePickerGridHead',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    return () => h('div', ctx.api.value.calendar.getGridHeadProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDatePickerGridBody = defineComponent({\n  name: 'XhDatePickerGridBody',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    return () => h('div', ctx.api.value.calendar.getGridBodyProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 表头行与日期行共用同一个 role=row\nexport const XhDatePickerWeekRow = defineComponent({\n  name: 'XhDatePickerWeekRow',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    return () => h('div', ctx.api.value.calendar.getWeekRowProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDatePickerWeekNumber = defineComponent({\n  name: 'XhDatePickerWeekNumber',\n  props: {\n    /** 这一行行首那天的 ISO 串。 */\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useDatePickerContext()\n    // 有插槽用插槽，否则显示这一行的周序号\n    return () => h(\n      'span',\n      ctx.api.value.calendar.getWeekNumberProps({ value: props.value }) as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.calendar.getWeekNumberText({ value: props.value }),\n    )\n  },\n})\n\nexport const XhDatePickerWeekDay = defineComponent({\n  name: 'XhDatePickerWeekDay',\n  props: {\n    // 列序 0-6，兼收字符串\n    value: { type: [Number, String] as PropType<number | string>, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useDatePickerContext()\n    const index = computed(() => Number(props.value))\n    return () => h(\n      'span',\n      ctx.api.value.calendar.getWeekDayProps({ value: index.value }) as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.calendar.weekDays[index.value]?.label,\n    )\n  },\n})\n\nexport const XhDatePickerCell = defineComponent({\n  name: 'XhDatePickerCell',\n  props: {\n    /** ISO 日期串。 */\n    value: { type: String, required: true },\n    /**\n     * 属于第几个面板；不写就跟着所在的日历走。同一天会同时出现在两个面板里\n     * （8 月末那几天也铺在 9 月的首行），「是不是本月」只有连着面板一起看才判得出来。\n     */\n    index: { type: [Number, String], default: undefined },\n  },\n  setup(props, { slots }) {\n    const ctx = useDatePickerContext()\n    const index = usePanelIndex(props)\n    const cell = computed<CalendarCellProps>(() => ({ value: props.value, index: index.value }))\n    provideDatePickerCell({ cell })\n    // 不上报格子卸载，翻月后由日历机器按聚焦日重新落点\n    return () => h('div', ctx.api.value.calendar.getCellProps(cell.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDatePickerCellTrigger = defineComponent({\n  name: 'XhDatePickerCellTrigger',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    const { cell } = useDatePickerCellContext()\n    return () => h(\n      'div',\n      ctx.api.value.calendar.getCellTriggerProps(cell.value) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhDatePickerHiddenInput = defineComponent({\n  name: 'XhDatePickerHiddenInput',\n  props: {\n    // 写在分段容器外面时用它指明属于哪一端；写在容器里面不必给，跟着容器走\n    index: { type: [Number, String] as PropType<number | string>, default: undefined },\n  },\n  setup(props) {\n    const ctx = useDatePickerContext()\n    const group = useDatePickerSegmentGroupContext()\n    return () => {\n      const index = props.index === undefined ? group.index.value : (Number(props.index) === 1 ? 1 : 0)\n      const field = fieldOf(ctx.api.value, index)\n      // 非区间模式下终点那份没有可提交的值，不渲染\n      if (!field)\n        return null\n      return h('input', field.getHiddenInputProps() as Record<string, unknown>)\n    }\n  },\n})\n"],"mappings":"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"}

package/dist/components/date-picker/use-date-picker.js

@@ -36,7 +36,7 @@ function useDatePicker(props, handlers = {}) {
 		const registerLayer = () => config.layerRegistry.register({
 			kind: "popover",
 			node: () => contentRef.value,
-			branches: () => [controlRef.value].filter(Boolean),
+			branches: () => [controlRef.value, positionerRef.value].filter(Boolean),
 			isModal: () => false,
 			setModal: () => {},
 			surfaces: () => []

package/dist/components/date-picker/use-date-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-date-picker.js","names":[],"sources":["../../../src/components/date-picker/use-date-picker.ts"],"sourcesContent":["import type { CalendarSchema, DateFieldSchema, DatePickerApi, DatePickerSchema, DatePickerServices } from '@xihan-ui/headless'\nimport type { Cleanup, Layer, RuntimeConfig } from '@xihan-ui/kernel'\nimport type { ComputedRef, Ref } from 'vue'\nimport {\n  calendarMachine,\n  connectDatePicker,\n  dateFieldMachine,\n  datePickerCalendarProps,\n  datePickerFieldEndProps,\n  datePickerFieldProps,\n  datePickerMachine,\n} 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 DatePickerContext {\n  api: ComputedRef<DatePickerApi>\n  /** 四台机器的把手，供部件上报 DOM 侧的事实。 */\n  services: DatePickerServices\n  controlRef: Ref<HTMLElement | null>\n  positionerRef: Ref<HTMLElement | null>\n  contentRef: Ref<HTMLElement | null>\n  /** 此刻该不该渲染：退场动画播完之前仍为真。 */\n  visible: Ref<boolean>\n  gridRef: Ref<HTMLElement | null>\n  /** 浮层搬到哪儿：全局配置的 portalContainer > body。 */\n  portalTarget: ComputedRef<string | Element>\n}\n\nexport function useDatePicker(\n  props: DatePickerSchema['props'],\n  handlers: Pick<DatePickerSchema['props'], 'onValueChange' | 'onOpenChange' | 'onFocusedValueChange' | 'onActiveViewChange'> = {},\n): DatePickerContext {\n  const xhConfig = useXhConfig()\n  const controlRef = ref<HTMLElement | null>(null)\n  const positionerRef = ref<HTMLElement | null>(null)\n  const contentRef = ref<HTMLElement | null>(null)\n  const gridRef = ref<HTMLElement | null>(null)\n\n  // 四台机器共用一份 scope，part id 里带组件名区分；两组段位不产出 id，同 scope 不会撞\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n\n  // 三台内嵌机器的 props 都从编排机现读，编排机须先建立\n  const root = useMachine(datePickerMachine, () => ({ ...props, ...handlers }), scope)\n  const calendar = useMachine<CalendarSchema>(calendarMachine, () => datePickerCalendarProps(root), scope)\n  const field = useMachine<DateFieldSchema>(dateFieldMachine, () => datePickerFieldProps(root), scope)\n  // 终点那组段位无条件建：机器实例数不随模式变，非区间模式下它的值恒为空且不参与写值\n  const fieldEnd = useMachine<DateFieldSchema>(dateFieldMachine, () => datePickerFieldEndProps(root), scope)\n  const services: DatePickerServices = { root, calendar, field, fieldEnd }\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: () => [controlRef.value].filter(Boolean) as Element[],\n      isModal: () => false,\n      setModal: () => {},\n      surfaces: () => [],\n    })\n\n    // 定位引擎由适配器注入，机器只经端口驱动；锚点取整个输入行\n    root.refs.set('config', config!)\n    root.refs.set('registerLayer', registerLayer)\n    root.refs.set('position', createPositionEngine())\n    root.refs.set('getAnchorEl', () => controlRef.value)\n    root.refs.set('getFloatingEl', () => positionerRef.value)\n    root.refs.set('getContentEl', () => contentRef.value)\n  }\n\n  // 跨月后的焦点落点要等重渲，日历机器推迟一拍再从这里取网格现查\n  calendar.refs.set('getGridEl', () => gridRef.value)\n\n  const api = computed(() => connectDatePicker(services, 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, api, services, controlRef, positionerRef, contentRef, gridRef, portalTarget }\n}\n"],"mappings":";;;;;;;;;;AAmCA,SAAgB,cACd,OACA,WAA8H,CAAC,GAC5G;CACnB,MAAM,WAAW,YAAY;CAC7B,MAAM,aAAa,IAAwB,IAAI;CAC/C,MAAM,gBAAgB,IAAwB,IAAI;CAClD,MAAM,aAAa,IAAwB,IAAI;CAC/C,MAAM,UAAU,IAAwB,IAAI;CAG5C,MAAM,QAAQ,qBAAqB;CACnC,MAAM,QAAQ,YAAY,MAAM,KAAK;CAGrC,MAAM,OAAO,WAAW,0BAA0B;EAAE,GAAG;EAAO,GAAG;CAAS,IAAI,KAAK;CACnF,MAAM,WAAW,WAA2B,uBAAuB,wBAAwB,IAAI,GAAG,KAAK;CAIvG,MAAM,WAA+B;EAAE;EAAM;EAAU,OAHzC,WAA4B,wBAAwB,qBAAqB,IAAI,GAAG,KAGnC;EAAG,UAD7C,WAA4B,wBAAwB,wBAAwB,IAAI,GAAG,KAC/B;CAAE;CAGvE,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,KAAK,KAAK,IAAI,UAAU,MAAO;EAC/B,KAAK,KAAK,IAAI,iBAAiB,aAAa;EAC5C,KAAK,KAAK,IAAI,YAAY,qBAAqB,CAAC;EAChD,KAAK,KAAK,IAAI,qBAAqB,WAAW,KAAK;EACnD,KAAK,KAAK,IAAI,uBAAuB,cAAc,KAAK;EACxD,KAAK,KAAK,IAAI,sBAAsB,WAAW,KAAK;CACtD;CAGA,SAAS,KAAK,IAAI,mBAAmB,QAAQ,KAAK;CAElD,MAAM,MAAM,eAAe,kBAAkB,UAAU,YAAY,CAAC;CAMpE,OAAO;EAAE,SAJO,eAAe;GAAE;GAAQ,cAAc,IAAI,MAAM;GAAM;EAAW,CAInE;EAAG;EAAK;EAAU;EAAY;EAAe;EAAY;EAAS,cAF5D,eAAiC,SAAS,MAAM,kBAAkB,KAAK,QAAQ,gBAAgB,KAAK,MAE7B;CAAE;AAChG"}
+{"version":3,"file":"use-date-picker.js","names":[],"sources":["../../../src/components/date-picker/use-date-picker.ts"],"sourcesContent":["import type { CalendarSchema, DateFieldSchema, DatePickerApi, DatePickerSchema, DatePickerServices } from '@xihan-ui/headless'\nimport type { Cleanup, Layer, RuntimeConfig } from '@xihan-ui/kernel'\nimport type { ComputedRef, Ref } from 'vue'\nimport {\n  calendarMachine,\n  connectDatePicker,\n  dateFieldMachine,\n  datePickerCalendarProps,\n  datePickerFieldEndProps,\n  datePickerFieldProps,\n  datePickerMachine,\n} 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 DatePickerContext {\n  api: ComputedRef<DatePickerApi>\n  /** 四台机器的把手，供部件上报 DOM 侧的事实。 */\n  services: DatePickerServices\n  controlRef: Ref<HTMLElement | null>\n  positionerRef: Ref<HTMLElement | null>\n  contentRef: Ref<HTMLElement | null>\n  /** 此刻该不该渲染：退场动画播完之前仍为真。 */\n  visible: Ref<boolean>\n  gridRef: Ref<HTMLElement | null>\n  /** 浮层搬到哪儿：全局配置的 portalContainer > body。 */\n  portalTarget: ComputedRef<string | Element>\n}\n\nexport function useDatePicker(\n  props: DatePickerSchema['props'],\n  handlers: Pick<DatePickerSchema['props'], 'onValueChange' | 'onOpenChange' | 'onFocusedValueChange' | 'onActiveViewChange'> = {},\n): DatePickerContext {\n  const xhConfig = useXhConfig()\n  const controlRef = ref<HTMLElement | null>(null)\n  const positionerRef = ref<HTMLElement | null>(null)\n  const contentRef = ref<HTMLElement | null>(null)\n  const gridRef = ref<HTMLElement | null>(null)\n\n  // 四台机器共用一份 scope，part id 里带组件名区分；两组段位不产出 id，同 scope 不会撞\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n\n  // 三台内嵌机器的 props 都从编排机现读，编排机须先建立\n  const root = useMachine(datePickerMachine, () => ({ ...props, ...handlers }), scope)\n  const calendar = useMachine<CalendarSchema>(calendarMachine, () => datePickerCalendarProps(root), scope)\n  const field = useMachine<DateFieldSchema>(dateFieldMachine, () => datePickerFieldProps(root), scope)\n  // 终点那组段位无条件建：机器实例数不随模式变，非区间模式下它的值恒为空且不参与写值\n  const fieldEnd = useMachine<DateFieldSchema>(dateFieldMachine, () => datePickerFieldEndProps(root), scope)\n  const services: DatePickerServices = { root, calendar, field, fieldEnd }\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: () => [controlRef.value, positionerRef.value].filter(Boolean) as Element[],\n      isModal: () => false,\n      setModal: () => {},\n      surfaces: () => [],\n    })\n\n    // 定位引擎由适配器注入，机器只经端口驱动；锚点取整个输入行\n    root.refs.set('config', config!)\n    root.refs.set('registerLayer', registerLayer)\n    root.refs.set('position', createPositionEngine())\n    root.refs.set('getAnchorEl', () => controlRef.value)\n    root.refs.set('getFloatingEl', () => positionerRef.value)\n    root.refs.set('getContentEl', () => contentRef.value)\n  }\n\n  // 跨月后的焦点落点要等重渲，日历机器推迟一拍再从这里取网格现查\n  calendar.refs.set('getGridEl', () => gridRef.value)\n\n  const api = computed(() => connectDatePicker(services, 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, api, services, controlRef, positionerRef, contentRef, gridRef, portalTarget }\n}\n"],"mappings":";;;;;;;;;;AAmCA,SAAgB,cACd,OACA,WAA8H,CAAC,GAC5G;CACnB,MAAM,WAAW,YAAY;CAC7B,MAAM,aAAa,IAAwB,IAAI;CAC/C,MAAM,gBAAgB,IAAwB,IAAI;CAClD,MAAM,aAAa,IAAwB,IAAI;CAC/C,MAAM,UAAU,IAAwB,IAAI;CAG5C,MAAM,QAAQ,qBAAqB;CACnC,MAAM,QAAQ,YAAY,MAAM,KAAK;CAGrC,MAAM,OAAO,WAAW,0BAA0B;EAAE,GAAG;EAAO,GAAG;CAAS,IAAI,KAAK;CACnF,MAAM,WAAW,WAA2B,uBAAuB,wBAAwB,IAAI,GAAG,KAAK;CAIvG,MAAM,WAA+B;EAAE;EAAM;EAAU,OAHzC,WAA4B,wBAAwB,qBAAqB,IAAI,GAAG,KAGnC;EAAG,UAD7C,WAA4B,wBAAwB,wBAAwB,IAAI,GAAG,KAC/B;CAAE;CAGvE,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,KAAK,KAAK,IAAI,UAAU,MAAO;EAC/B,KAAK,KAAK,IAAI,iBAAiB,aAAa;EAC5C,KAAK,KAAK,IAAI,YAAY,qBAAqB,CAAC;EAChD,KAAK,KAAK,IAAI,qBAAqB,WAAW,KAAK;EACnD,KAAK,KAAK,IAAI,uBAAuB,cAAc,KAAK;EACxD,KAAK,KAAK,IAAI,sBAAsB,WAAW,KAAK;CACtD;CAGA,SAAS,KAAK,IAAI,mBAAmB,QAAQ,KAAK;CAElD,MAAM,MAAM,eAAe,kBAAkB,UAAU,YAAY,CAAC;CAMpE,OAAO;EAAE,SAJO,eAAe;GAAE;GAAQ,cAAc,IAAI,MAAM;GAAM;EAAW,CAInE;EAAG;EAAK;EAAU;EAAY;EAAe;EAAY;EAAS,cAF5D,eAAiC,SAAS,MAAM,kBAAkB,KAAK,QAAQ,gBAAgB,KAAK,MAE7B;CAAE;AAChG"}

package/dist/components/descriptions/context.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/descriptions/context.ts"],"sourcesContent":["import type { DescriptionsApi } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport { inject, provide } from 'vue'\n\nexport interface DescriptionsContext {\n  api: ComputedRef<DescriptionsApi>\n}\n\nconst KEY: InjectionKey<DescriptionsContext> = Symbol('xh-descriptions')\n\nexport function provideDescriptions(ctx: DescriptionsContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useDescriptionsContext(): DescriptionsContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Descriptions 部件必须用在 XhDescriptionsRoot 内')\n  return ctx\n}\n"],"mappings":";;AAQA,MAAM,MAAyC,OAAO,iBAAiB;AAEvE,SAAgB,oBAAoB,KAAgC;CAClE,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,yBAA8C;CAC5D,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,+CAA+C;CACjE,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/descriptions/context.ts"],"sourcesContent":["import type { DescriptionsApi } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport { inject, provide } from 'vue'\n\nexport interface DescriptionsContext {\n  api: ComputedRef<DescriptionsApi>\n}\n\nconst KEY: InjectionKey<DescriptionsContext> = Symbol.for('xh-descriptions')\n\nexport function provideDescriptions(ctx: DescriptionsContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useDescriptionsContext(): DescriptionsContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Descriptions 部件必须用在 XhDescriptionsRoot 内')\n  return ctx\n}\n"],"mappings":";;AAQA,MAAM,MAAyC,OAAO,IAAI,iBAAiB;AAE3E,SAAgB,oBAAoB,KAAgC;CAClE,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,yBAA8C;CAC5D,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,+CAA+C;CACjE,OAAO;AACT"}

package/dist/components/descriptions/descriptions.d.ts

@@ -45,8 +45,8 @@ declare const XhDescriptionsRoot: import("vue").DefineComponent<import("vue").Ex
 }>> & Readonly<{}>, {
   as: string;
   size: Size;
-  columns: DescriptionsColumns;
   placement: DescriptionsPlacement;
+  columns: DescriptionsColumns;
   bordered: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhDescriptionsItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{

package/dist/components/dialog/context.js

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

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

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

package/dist/components/drawer/context.js

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

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

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

package/dist/components/dynamic-input/context.js

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

package/dist/components/dynamic-input/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/dynamic-input/context.ts"],"sourcesContent":["import type { DynamicInputItemProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { DynamicInputContext } from './use-dynamic-input'\nimport { inject, provide } from 'vue'\n\n/** 行自报的下标，供 item-content / item-action 与三个把手复用同一份声明。 */\nexport interface DynamicInputItemContext {\n  item: ComputedRef<DynamicInputItemProps>\n}\n\nconst KEY: InjectionKey<DynamicInputContext> = Symbol('xh-dynamic-input')\nconst ITEM_KEY: InjectionKey<DynamicInputItemContext> = Symbol('xh-dynamic-input-item')\n\nexport function provideDynamicInput(ctx: DynamicInputContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useDynamicInputContext(): DynamicInputContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] DynamicInput 部件必须用在 XhDynamicInputRoot 内')\n  return ctx\n}\n\nexport function provideDynamicInputItem(ctx: DynamicInputItemContext): void {\n  provide(ITEM_KEY, ctx)\n}\n\nexport function useDynamicInputItemContext(): DynamicInputItemContext {\n  const ctx = inject(ITEM_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] DynamicInput 行内部件必须用在 XhDynamicInputItem 内')\n  return ctx\n}\n"],"mappings":";;AAUA,MAAM,MAAyC,OAAO,kBAAkB;AACxE,MAAM,WAAkD,OAAO,uBAAuB;AAEtF,SAAgB,oBAAoB,KAAgC;CAClE,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,yBAA8C;CAC5D,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,+CAA+C;CACjE,OAAO;AACT;AAEA,SAAgB,wBAAwB,KAAoC;CAC1E,QAAQ,UAAU,GAAG;AACvB;AAEA,SAAgB,6BAAsD;CACpE,MAAM,MAAM,OAAO,UAAU,IAAI;CACjC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,iDAAiD;CACnE,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/dynamic-input/context.ts"],"sourcesContent":["import type { DynamicInputItemProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { DynamicInputContext } from './use-dynamic-input'\nimport { inject, provide } from 'vue'\n\n/** 行自报的下标，供 item-content / item-action 与三个把手复用同一份声明。 */\nexport interface DynamicInputItemContext {\n  item: ComputedRef<DynamicInputItemProps>\n}\n\nconst KEY: InjectionKey<DynamicInputContext> = Symbol.for('xh-dynamic-input')\nconst ITEM_KEY: InjectionKey<DynamicInputItemContext> = Symbol.for('xh-dynamic-input-item')\n\nexport function provideDynamicInput(ctx: DynamicInputContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useDynamicInputContext(): DynamicInputContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] DynamicInput 部件必须用在 XhDynamicInputRoot 内')\n  return ctx\n}\n\nexport function provideDynamicInputItem(ctx: DynamicInputItemContext): void {\n  provide(ITEM_KEY, ctx)\n}\n\nexport function useDynamicInputItemContext(): DynamicInputItemContext {\n  const ctx = inject(ITEM_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] DynamicInput 行内部件必须用在 XhDynamicInputItem 内')\n  return ctx\n}\n"],"mappings":";;AAUA,MAAM,MAAyC,OAAO,IAAI,kBAAkB;AAC5E,MAAM,WAAkD,OAAO,IAAI,uBAAuB;AAE1F,SAAgB,oBAAoB,KAAgC;CAClE,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,yBAA8C;CAC5D,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,+CAA+C;CACjE,OAAO;AACT;AAEA,SAAgB,wBAAwB,KAAoC;CAC1E,QAAQ,UAAU,GAAG;AACvB;AAEA,SAAgB,6BAAsD;CACpE,MAAM,MAAM,OAAO,UAAU,IAAI;CACjC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,iDAAiD;CACnE,OAAO;AACT"}

package/dist/components/editable/context.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/editable/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { EditableContext } from './use-editable'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<EditableContext> = Symbol('xh-editable')\n\nexport function provideEditable(ctx: EditableContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useEditableContext(): EditableContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Editable 部件必须用在 XhEditableRoot 内')\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/editable/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { EditableContext } from './use-editable'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<EditableContext> = Symbol.for('xh-editable')\n\nexport function provideEditable(ctx: EditableContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useEditableContext(): EditableContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Editable 部件必须用在 XhEditableRoot 内')\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/empty-state/context.js

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

package/dist/components/empty-state/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/empty-state/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { EmptyStateContext } from './use-empty-state'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<EmptyStateContext> = Symbol('xh-empty-state')\n\nexport function provideEmptyState(ctx: EmptyStateContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useEmptyStateContext(): EmptyStateContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] EmptyState 部件必须用在 XhEmptyStateRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAuC,OAAO,gBAAgB;AAEpE,SAAgB,kBAAkB,KAA8B;CAC9D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,uBAA0C;CACxD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,2CAA2C;CAC7D,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/empty-state/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { EmptyStateContext } from './use-empty-state'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<EmptyStateContext> = Symbol.for('xh-empty-state')\n\nexport function provideEmptyState(ctx: EmptyStateContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useEmptyStateContext(): EmptyStateContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] EmptyState 部件必须用在 XhEmptyStateRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAuC,OAAO,IAAI,gBAAgB;AAExE,SAAgB,kBAAkB,KAA8B;CAC9D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,uBAA0C;CACxD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,2CAA2C;CAC7D,OAAO;AACT"}

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

@@ -0,0 +1,9 @@
+import { FieldContext } from "./use-field.js";
+//#region src/components/field/context.d.ts
+declare function provideField(ctx: FieldContext): void;
+/** 字段外调用时返回 null，供薄封装在字段内外都能安全使用。 */
+declare function useOptionalFieldContext(): FieldContext | null;
+declare function useFieldContext(): FieldContext;
+//#endregion
+export { provideField, useFieldContext, useOptionalFieldContext };
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/field/context.ts"],"mappings":";;iBAMgB,aAAa,KAAK;;iBAKlB,2BAA2B;iBAI3B,mBAAmB"}

package/dist/components/field/context.js

@@ -1,15 +1,19 @@
 import { inject, provide } from "vue";
 //#region src/components/field/context.ts
-const KEY = Symbol("xh-field");
+const KEY = Symbol.for("xh-field");
 function provideField(ctx) {
 	provide(KEY, ctx);
 }
+/** 字段外调用时返回 null，供薄封装在字段内外都能安全使用。 */
+function useOptionalFieldContext() {
+	return inject(KEY, null);
+}
 function useFieldContext() {
 	const ctx = inject(KEY, null);
 	if (!ctx) throw new Error("[xh] Field 部件必须用在 XhFieldRoot 内");
 	return ctx;
 }
 //#endregion
-export { provideField, useFieldContext };
+export { provideField, useFieldContext, useOptionalFieldContext };
 
 //# sourceMappingURL=context.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/field/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { FieldContext } from './use-field'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<FieldContext> = Symbol('xh-field')\n\nexport function provideField(ctx: FieldContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useFieldContext(): FieldContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Field 部件必须用在 XhFieldRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAkC,OAAO,UAAU;AAEzD,SAAgB,aAAa,KAAyB;CACpD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,kBAAgC;CAC9C,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,iCAAiC;CACnD,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/field/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { FieldContext } from './use-field'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<FieldContext> = Symbol.for('xh-field')\n\nexport function provideField(ctx: FieldContext): void {\n  provide(KEY, ctx)\n}\n\n/** 字段外调用时返回 null，供薄封装在字段内外都能安全使用。 */\nexport function useOptionalFieldContext(): FieldContext | null {\n  return inject(KEY, null)\n}\n\nexport function useFieldContext(): FieldContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Field 部件必须用在 XhFieldRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAkC,OAAO,IAAI,UAAU;AAE7D,SAAgB,aAAa,KAAyB;CACpD,QAAQ,KAAK,GAAG;AAClB;;AAGA,SAAgB,0BAA+C;CAC7D,OAAO,OAAO,KAAK,IAAI;AACzB;AAEA,SAAgB,kBAAgC;CAC9C,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,iCAAiC;CACnD,OAAO;AACT"}