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

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

@@ -1,8 +1,23 @@
 import { withXhConfig } from "../../config/config.js";
-import { provideDatePicker, provideDatePickerCell, provideDatePickerInput, useDatePickerCellContext, useDatePickerContext, useDatePickerInputContext } from "./context.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, provideDatePickerPanel, provideDatePickerSegmentGroup, useDatePickerCellContext, useDatePickerContext, useDatePickerPanelContext, useDatePickerSegmentGroupContext } from "./context.js";
 import { useDatePicker } from "./use-date-picker.js";
-import { computed, defineComponent, h } from "vue";
+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;
@@ -43,6 +58,46 @@ const XhDatePickerRoot = defineComponent({
 			type: String,
 			default: void 0
 		},
+		/** 挑的粒度：天（默认）/ 月 / 季度 / 年。输入行铺哪几段也跟着它走。 */
+		view: {
+			type: String,
+			default: void 0
+		},
+		/** 面板此刻钻到了哪一层；给定即受控，缺省跟着 view。 */
+		activeView: {
+			type: String,
+			default: void 0
+		},
+		/** 输入行铺哪几段；不给就按 view 推。 */
+		segments: {
+			type: Array,
+			default: void 0
+		},
+		/** 周选：点任意一天选中它所在的整周。只在 view=day 且区间模式下生效。 */
+		weekSelection: {
+			type: Boolean,
+			default: void 0
+		},
+		/** 并排展示几页；缺省单选 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,
+			default: void 0
+		},
 		isDateUnavailable: {
 			type: Function,
 			default: void 0
@@ -63,6 +118,18 @@ const XhDatePickerRoot = defineComponent({
 			type: Object,
 			default: void 0
 		},
+		variant: {
+			type: String,
+			default: void 0
+		},
+		tone: {
+			type: String,
+			default: void 0
+		},
+		size: {
+			type: String,
+			default: void 0
+		},
 		placement: {
 			type: String,
 			default: void 0
@@ -88,8 +155,10 @@ const XhDatePickerRoot = defineComponent({
 		"value-change": (_details) => true,
 		"open-change": (_details) => true,
 		"focused-value-change": (_details) => true,
+		"active-view-change": (_details) => true,
 		"update:value": (_value) => true,
-		"update:open": (_open) => true
+		"update:open": (_open) => true,
+		"update:activeView": (_view) => true
 	},
 	slots: Object,
 	setup(props, { slots, emit }) {
@@ -102,10 +171,15 @@ const XhDatePickerRoot = defineComponent({
 			emit("update:open", details.open);
 		};
 		const notifyFocus = (details) => emit("focused-value-change", details);
+		const notifyActiveView = (details) => {
+			emit("active-view-change", details);
+			emit("update:activeView", details.activeView);
+		};
 		const ctx = useDatePicker(withXhConfig("date-picker", props), {
 			onValueChange: notifyValue,
 			onOpenChange: notifyOpen,
-			onFocusedValueChange: notifyFocus
+			onFocusedValueChange: notifyFocus,
+			onActiveViewChange: notifyActiveView
 		});
 		provideDatePicker(ctx);
 		return () => h("div", ctx.api.value.getRootProps(), slots.default?.({
@@ -114,6 +188,7 @@ const XhDatePickerRoot = defineComponent({
 			valueAsString: ctx.api.value.valueAsString,
 			focusedValue: ctx.api.value.focusedValue,
 			visibleMonth: ctx.api.value.calendar.visibleMonth,
+			panels: ctx.api.value.calendar.panels,
 			weeks: ctx.api.value.calendar.weeks,
 			weekDays: ctx.api.value.calendar.weekDays,
 			headingLabel: ctx.api.value.calendar.headingLabel,
@@ -147,8 +222,8 @@ const XhDatePickerControl = defineComponent({
 		}, slots.default?.());
 	}
 });
-const XhDatePickerInput = defineComponent({
-	name: "XhDatePickerInput",
+const XhDatePickerSegmentGroup = defineComponent({
+	name: "XhDatePickerSegmentGroup",
 	props: { index: {
 		type: [Number, String],
 		default: 0
@@ -156,26 +231,33 @@ const XhDatePickerInput = defineComponent({
 	setup(props, { slots }) {
 		const ctx = useDatePickerContext();
 		const index = computed(() => Number(props.index) === 1 ? 1 : 0);
-		provideDatePickerInput({ index });
-		return () => h("div", ctx.api.value.getInputProps({ index: index.value }), slots.default?.());
+		provideDatePickerSegmentGroup({ index });
+		return () => h("div", ctx.api.value.getSegmentGroupProps({ index: index.value }), slots.default?.());
 	}
 });
 const XhDatePickerSegment = defineComponent({
 	name: "XhDatePickerSegment",
-	props: { index: {
-		type: [Number, String],
-		required: true
-	} },
+	props: {
+		index: {
+			type: [Number, String],
+			default: void 0
+		},
+		/** 按段名声明这一格。段集里没有这一块时它收起；与 index 二选一，两个都写按段名算。 */
+		segment: {
+			type: String,
+			default: void 0
+		}
+	},
 	slots: Object,
 	setup(props, { slots }) {
 		const ctx = useDatePickerContext();
-		const group = useDatePickerInputContext();
+		const group = useDatePickerSegmentGroupContext();
 		return () => {
-			const index = Math.trunc(Number(props.index));
 			const field = fieldOf(ctx.api.value, group.index.value);
 			if (!field) return null;
-			const state = field.segments[index];
-			return h("div", field.getSegmentProps({ index }), slots.default ? slots.default({ segment: state }) : state?.text);
+			const declared = props.segment != null ? { segment: props.segment } : { index: Math.trunc(Number(props.index)) };
+			const state = field.segmentOf(declared);
+			return h("div", field.getSegmentProps(declared), slots.default ? slots.default({ segment: state }) : state?.text);
 		};
 	}
 });
@@ -189,20 +271,27 @@ 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({
 	name: "XhDatePickerPositioner",
-	setup(_, { slots }) {
+	inheritAttrs: false,
+	setup(_, { slots, attrs }) {
 		const ctx = useDatePickerContext();
-		return () => h("div", {
-			...ctx.api.value.getPositionerProps(),
+		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({
@@ -211,6 +300,7 @@ const XhDatePickerContent = defineComponent({
 		const ctx = useDatePickerContext();
 		return () => h("div", {
 			...ctx.api.value.getContentProps(),
+			style: ctx.visible.value ? void 0 : { display: "none" },
 			ref: (el) => {
 				ctx.contentRef.value = el;
 			}
@@ -219,11 +309,51 @@ 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?.());
 	}
 });
+const XhDatePickerPresets = defineComponent({
+	name: "XhDatePickerPresets",
+	slots: Object,
+	setup(_, { slots }) {
+		const ctx = useDatePickerContext();
+		return () => {
+			const api = ctx.api.value;
+			const authored = slots.default?.({ presets: api.presets });
+			return h("div", api.getPresetsProps(), slotPaints(authored) ? authored : api.presets.map((preset) => h("div", {
+				...api.getPresetProps({ value: preset.value }),
+				key: preset.value
+			}, preset.label)));
+		};
+	}
+});
+const XhDatePickerPreset = defineComponent({
+	name: "XhDatePickerPreset",
+	props: { 
+	/** 这一条的身份，与 presets 数据里的 value 逐字对上。 */
+value: {
+		type: String,
+		required: true
+	} },
+	slots: Object,
+	setup(props, { slots }) {
+		const ctx = useDatePickerContext();
+		return () => {
+			const api = ctx.api.value;
+			const authored = slots.default?.();
+			return h("div", api.getPresetProps({ value: props.value }), slotPaints(authored) ? authored : api.presets.find((p) => p.value === props.value)?.label);
+		};
+	}
+});
 const XhDatePickerTimePanel = defineComponent({
 	name: "XhDatePickerTimePanel",
 	setup() {
@@ -254,6 +384,13 @@ const XhDatePickerHeader = defineComponent({
 		return () => h("div", ctx.api.value.calendar.getHeaderProps(), slots.default?.());
 	}
 });
+const XhDatePickerPrevYearTrigger = defineComponent({
+	name: "XhDatePickerPrevYearTrigger",
+	setup(_, { slots }) {
+		const ctx = useDatePickerContext();
+		return () => h("button", ctx.api.value.calendar.getPrevYearTriggerProps(), slots.default?.());
+	}
+});
 const XhDatePickerPrevTrigger = defineComponent({
 	name: "XhDatePickerPrevTrigger",
 	setup(_, { slots }) {
@@ -268,20 +405,69 @@ const XhDatePickerNextTrigger = defineComponent({
 		return () => h("button", ctx.api.value.calendar.getNextTriggerProps(), slots.default?.());
 	}
 });
+const XhDatePickerNextYearTrigger = defineComponent({
+	name: "XhDatePickerNextYearTrigger",
+	setup(_, { slots }) {
+		const ctx = useDatePickerContext();
+		return () => h("button", ctx.api.value.calendar.getNextYearTriggerProps(), slots.default?.());
+	}
+});
 const XhDatePickerHeading = defineComponent({
 	name: "XhDatePickerHeading",
-	setup(_, { slots }) {
+	props: { 
+	/** 属于第几个面板；不写就跟着所在的日历走。 */
+index: {
+		type: [Number, String],
+		default: void 0
+	} },
+	setup(props, { slots }) {
+		const ctx = useDatePickerContext();
+		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: { 
+	/** 属于第几个面板；不写就跟着所在的日历走。 */
+index: {
+		type: [Number, String],
+		default: void 0
+	} },
+	setup(props, { slots }) {
 		const ctx = useDatePickerContext();
-		return () => h("div", ctx.api.value.calendar.getHeadingProps(), slots.default?.() ?? ctx.api.value.calendar.headingLabel);
+		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: { 
+	/** 属于第几个面板；不写就跟着所在的日历走。 */
+index: {
+		type: [Number, String],
+		default: void 0
+	} },
+	setup(props, { slots }) {
+		const ctx = useDatePickerContext();
+		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",
-	setup(_, { slots }) {
+	props: { 
+	/** 属于第几个面板；不写就跟着所在的日历走。 */
+index: {
+		type: [Number, String],
+		default: void 0
+	} },
+	setup(props, { slots }) {
 		const ctx = useDatePickerContext();
+		const index = usePanelIndex(props);
 		return () => h("div", {
-			...ctx.api.value.calendar.getGridProps(),
-			ref: ctx.gridRef
+			...ctx.api.value.calendar.getGridProps({ index: index.value }),
+			ref: index.value === 0 ? ctx.gridRef : void 0
 		}, slots.default?.());
 	}
 });
@@ -306,6 +492,19 @@ const XhDatePickerWeekRow = defineComponent({
 		return () => h("div", ctx.api.value.calendar.getWeekRowProps(), slots.default?.());
 	}
 });
+const XhDatePickerWeekNumber = defineComponent({
+	name: "XhDatePickerWeekNumber",
+	props: { 
+	/** 这一行行首那天的 ISO 串。 */
+value: {
+		type: String,
+		required: true
+	} },
+	setup(props, { slots }) {
+		const ctx = useDatePickerContext();
+		return () => h("span", ctx.api.value.calendar.getWeekNumberProps({ value: props.value }), slots.default?.() ?? ctx.api.value.calendar.getWeekNumberText({ value: props.value }));
+	}
+});
 const XhDatePickerWeekDay = defineComponent({
 	name: "XhDatePickerWeekDay",
 	props: { value: {
@@ -320,15 +519,28 @@ const XhDatePickerWeekDay = defineComponent({
 });
 const XhDatePickerCell = defineComponent({
 	name: "XhDatePickerCell",
-	props: { 
-	/** ISO 日期串。 */
-value: {
-		type: String,
-		required: true
-	} },
+	props: {
+		/** ISO 日期串。 */
+		value: {
+			type: String,
+			required: true
+		},
+		/**
+		* 属于第几个面板；不写就跟着所在的日历走。同一天会同时出现在两个面板里
+		* （8 月末那几天也铺在 9 月的首行），「是不是本月」只有连着面板一起看才判得出来。
+		*/
+		index: {
+			type: [Number, String],
+			default: void 0
+		}
+	},
 	setup(props, { slots }) {
 		const ctx = useDatePickerContext();
-		const cell = computed(() => ({ value: props.value }));
+		const index = usePanelIndex(props);
+		const cell = computed(() => ({
+			value: props.value,
+			index: index.value
+		}));
 		provideDatePickerCell({ cell });
 		return () => h("div", ctx.api.value.calendar.getCellProps(cell.value), slots.default?.());
 	}
@@ -349,7 +561,7 @@ const XhDatePickerHiddenInput = defineComponent({
 	} },
 	setup(props) {
 		const ctx = useDatePickerContext();
-		const group = useDatePickerInputContext();
+		const group = useDatePickerSegmentGroupContext();
 		return () => {
 			const index = props.index === void 0 ? group.index.value : Number(props.index) === 1 ? 1 : 0;
 			const field = fieldOf(ctx.api.value, index);
@@ -359,6 +571,6 @@ const XhDatePickerHiddenInput = defineComponent({
 	}
 });
 //#endregion
-export { XhDatePickerCalendar, XhDatePickerCell, XhDatePickerCellTrigger, XhDatePickerClearTrigger, XhDatePickerConfirmTrigger, XhDatePickerContent, XhDatePickerControl, XhDatePickerGrid, XhDatePickerGridBody, XhDatePickerGridHead, XhDatePickerHeader, XhDatePickerHeading, XhDatePickerHiddenInput, XhDatePickerInput, XhDatePickerLabel, XhDatePickerNextTrigger, XhDatePickerPositioner, XhDatePickerPrevTrigger, XhDatePickerRoot, XhDatePickerSegment, XhDatePickerTimePanel, XhDatePickerTrigger, XhDatePickerWeekDay, XhDatePickerWeekRow };
+export { XhDatePickerCalendar, XhDatePickerCell, XhDatePickerCellTrigger, XhDatePickerClearTrigger, XhDatePickerConfirmTrigger, XhDatePickerContent, XhDatePickerControl, XhDatePickerGrid, XhDatePickerGridBody, XhDatePickerGridHead, XhDatePickerHeader, XhDatePickerHeading, XhDatePickerHeadingMonthTrigger, XhDatePickerHeadingYearTrigger, XhDatePickerHiddenInput, XhDatePickerLabel, XhDatePickerNextTrigger, XhDatePickerNextYearTrigger, XhDatePickerPositioner, XhDatePickerPreset, XhDatePickerPresets, XhDatePickerPrevTrigger, XhDatePickerPrevYearTrigger, XhDatePickerRoot, XhDatePickerSegment, XhDatePickerSegmentGroup, XhDatePickerTimePanel, XhDatePickerTrigger, XhDatePickerWeekDay, XhDatePickerWeekNumber, XhDatePickerWeekRow };
 
 //# sourceMappingURL=date-picker.js.map

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  DateFieldSegmentState,\n  DatePickerApi,\n  DatePickerFieldApi,\n  DatePickerSchema,\n} from '@xihan-ui/headless'\nimport type { Placement } from '@xihan-ui/kernel'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { computed, defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport {\n  provideDatePicker,\n  provideDatePickerCell,\n  provideDatePickerInput,\n  useDatePickerCellContext,\n  useDatePickerContext,\n  useDatePickerInputContext,\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    | '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\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    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    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    'update:value': (_value: PayloadOf<DatePickerProps, 'onValueChange'>['value']) => true,\n    'update:open': (_open: PayloadOf<DatePickerProps, 'onOpenChange'>['open']) => 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 ctx = useDatePicker(withXhConfig('date-picker', props) as DatePickerProps, {\n      onValueChange: notifyValue,\n      onOpenChange: notifyOpen,\n      onFocusedValueChange: notifyFocus,\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      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 XhDatePickerInput = defineComponent({\n  name: 'XhDatePickerInput',\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    provideDatePickerInput({ index })\n    // role=group 的分段容器，也是换段时的查询边界\n    return () => h(\n      'div',\n      ctx.api.value.getInputProps({ 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>, required: true },\n  },\n  slots: Object as SlotsType<{\n    default?: (props: DatePickerSegmentSlotProps) => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useDatePickerContext()\n    const group = useDatePickerInputContext()\n    return () => {\n      const index = Math.trunc(Number(props.index))\n      const field = fieldOf(ctx.api.value, group.index.value)\n      // 非区间模式下写在终点组里的段位无处落脚，不渲染\n      if (!field)\n        return null\n      const state = field.segments[index]\n      // 有插槽用插槽，否则渲染连接层算好的段位文本\n      return h(\n        'div',\n        field.getSegmentProps({ index }) 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  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\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 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      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 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 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 XhDatePickerHeading = defineComponent({\n  name: 'XhDatePickerHeading',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    // 有插槽用插槽，否则渲染 headingLabel\n    return () => h(\n      'div',\n      ctx.api.value.calendar.getHeadingProps() as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.calendar.headingLabel,\n    )\n  },\n})\n\nexport const XhDatePickerGrid = defineComponent({\n  name: 'XhDatePickerGrid',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    return () => h(\n      'div',\n      { ...ctx.api.value.calendar.getGridProps() as Record<string, unknown>, ref: ctx.gridRef },\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 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  setup(props, { slots }) {\n    const ctx = useDatePickerContext()\n    const cell = computed<CalendarCellProps>(() => ({ value: props.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 = useDatePickerInputContext()\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.d.ts

@@ -8,9 +8,13 @@ interface DatePickerContext {
   controlRef: Ref<HTMLElement | null>;
   positionerRef: Ref<HTMLElement | null>;
   contentRef: Ref<HTMLElement | null>;
+  /** 此刻该不该渲染：退场动画播完之前仍为真。 */
+  visible: Ref<boolean>;
   gridRef: Ref<HTMLElement | null>;
+  /** 浮层搬到哪儿：全局配置的 portalContainer > body。 */
+  portalTarget: ComputedRef<string | Element>;
 }
-declare function useDatePicker(props: DatePickerSchema['props'], handlers?: Pick<DatePickerSchema['props'], 'onValueChange' | 'onOpenChange' | 'onFocusedValueChange'>): DatePickerContext;
+declare function useDatePicker(props: DatePickerSchema['props'], handlers?: Pick<DatePickerSchema['props'], 'onValueChange' | 'onOpenChange' | 'onFocusedValueChange' | 'onActiveViewChange'>): DatePickerContext;
 //#endregion
 export { DatePickerContext, useDatePicker };
 //# sourceMappingURL=use-date-picker.d.ts.map

package/dist/components/date-picker/use-date-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-date-picker.d.ts","names":[],"sources":["../../../src/components/date-picker/use-date-picker.ts"],"mappings":";;;UAmBiB;EACf,KAAK,YAAY;;EAEjB,UAAU;EACV,YAAY,IAAI;EAChB,eAAe,IAAI;EACnB,YAAY,IAAI;EAChB,SAAS,IAAI;;iBAGC,cACd,OAAO,2BACP,WAAU,KAAK,wFACd"}
+{"version":3,"file":"use-date-picker.d.ts","names":[],"sources":["../../../src/components/date-picker/use-date-picker.ts"],"mappings":";;;UAqBiB;EACf,KAAK,YAAY;;EAEjB,UAAU;EACV,YAAY,IAAI;EAChB,eAAe,IAAI;EACnB,YAAY,IAAI;;EAEhB,SAAS;EACT,SAAS,IAAI;;EAEb,cAAc,qBAAqB;;iBAGrB,cACd,OAAO,2BACP,WAAU,KAAK,+GACd"}