@xihan-ui/vue 1.1.0 → 2.0.0

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

@@ -0,0 +1,510 @@
+import { withXhConfig } from "../../config/config.js";
+import { XhPortal } from "../../runtime/portal.js";
+import { useScrollbars } from "../../runtime/use-scrollbars.js";
+import { useFormControlProps } from "../form/use-form-control.js";
+import { useFieldLabelWiring, useFieldStateWiring } from "../field/use-field-control.js";
+import { slotPaints } from "../../runtime/slot-content.js";
+import { provideDateRangePicker, provideDateRangePickerCell, provideDateRangePickerPanel, provideDateRangePickerSegmentGroup, useDateRangePickerCellContext, useDateRangePickerContext, useDateRangePickerPanelContext, useDateRangePickerSegmentGroupContext } from "./context.js";
+import { useDateRangePickerWithRoot } from "./use-date-range-picker.js";
+import { computed, defineComponent, h, mergeProps, onUpdated, ref } from "vue";
+import { dateRangePickerFieldAt, resolveDateRangePickerFieldIndex, resolveDateRangePickerPanelIndex } from "@xihan-ui/headless";
+//#region src/components/date-range-picker/date-range-picker.ts
+/**
+* 部件属于并排的第几张面板：自己写了即按自己写的，未写时跟随所在的日历。
+* 兼收字符串以支持模板中写 index="1"。
+*/
+function usePanelIndex(props) {
+	const panel = useDateRangePickerPanelContext();
+	return computed(() => resolveDateRangePickerPanelIndex(props.index, panel.index.value));
+}
+const XhDateRangePickerRoot = defineComponent({
+	name: "XhDateRangePickerRoot",
+	props: {
+		/** 区间两端 [start, end]；空缺的一端用空串占位。 */
+		value: { type: Array },
+		defaultValue: { type: Array },
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: Boolean,
+		min: { type: String },
+		max: { type: String },
+		locale: { type: String },
+		timeZone: { type: String },
+		/** 选择粒度；两组输入行铺设哪几段也跟随它。 */
+		granularity: { type: String },
+		/** 面板当前所处的层级；给定即受控，默认跟随 granularity。 */
+		activeView: { type: String },
+		/** 输入行铺设哪几段；未提供时按 granularity 推导。 */
+		segments: { type: Array },
+		/** 并排展示几页；默认 1，起止常跨月时可设为 2。 */
+		visibleCount: { type: Number },
+		/** 日历恒渲染六行，默认开启。关闭后翻页时浮层高度会随月份变化。 */
+		fixedWeeks: {
+			type: Boolean,
+			default: void 0
+		},
+		/** 初始聚焦日，同时决定展开时先落在哪一页；未提供时退回起点，再退回今天。 */
+		defaultFocusedValue: { type: String },
+		/** 快捷选项；提供后浮层中多出一列，日期要在自己的 computed 中计算后再传入。 */
+		presets: { type: Array },
+		isDateUnavailable: { type: Function },
+		/** 允许跨过不可用的日期；默认关闭，落下起点后只能选到两侧最近的不可用日为止。 */
+		allowsNonContiguousRanges: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		readOnly: {
+			type: Boolean,
+			default: void 0
+		},
+		invalid: {
+			type: Boolean,
+			default: void 0
+		},
+		required: {
+			type: Boolean,
+			default: void 0
+		},
+		name: { type: String },
+		endName: { type: String },
+		translations: { type: Object },
+		variant: { type: String },
+		tone: { type: String },
+		size: { type: String },
+		placement: { type: String },
+		offset: { type: Number },
+		/** 文字方向；浮层迁移到落点后无法继承作者子树上的方向，需要 RTL 时显式提供。 */
+		dir: { type: String },
+		closeOnSelect: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	emits: {
+		"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:activeView": (_view) => true
+	},
+	slots: Object,
+	setup(props, { slots, emit }) {
+		const rootRef = ref(null);
+		const notifyValue = (details) => {
+			emit("value-change", details);
+			emit("update:value", details.value);
+		};
+		const notifyOpen = (details) => {
+			emit("open-change", details);
+			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 = useDateRangePickerWithRoot(withXhConfig("date-range-picker", useFormControlProps(props)), {
+			onValueChange: notifyValue,
+			onOpenChange: notifyOpen,
+			onFocusedValueChange: notifyFocus,
+			onActiveViewChange: notifyActiveView
+		}, rootRef);
+		provideDateRangePicker(ctx);
+		return () => h("div", {
+			...ctx.api.value.getRootProps(),
+			ref: rootRef
+		}, slots.default?.({
+			open: ctx.api.value.open,
+			value: ctx.api.value.value,
+			start: ctx.api.value.start,
+			end: ctx.api.value.end,
+			periodValue: ctx.api.value.periodValue,
+			focusedValue: ctx.api.value.focusedValue,
+			visibleMonth: ctx.api.value.calendar.visibleMonth,
+			panels: ctx.api.value.calendar.panels,
+			periods: ctx.api.value.calendar.periods,
+			weeks: ctx.api.value.calendar.weeks,
+			weekDays: ctx.api.value.calendar.weekDays,
+			headingLabel: ctx.api.value.calendar.headingLabel,
+			canGoPrev: ctx.api.value.calendar.canGoPrev,
+			canGoNext: ctx.api.value.calendar.canGoNext,
+			segments: ctx.api.value.field.segments,
+			endSegments: ctx.api.value.fieldEnd.segments,
+			canClear: ctx.api.value.canClear,
+			setOpen: ctx.api.value.setOpen,
+			setValue: ctx.api.value.setValue,
+			clear: ctx.api.value.clear
+		}));
+	}
+});
+const XhDateRangePickerLabel = defineComponent({
+	name: "XhDateRangePickerLabel",
+	setup(_, { slots }) {
+		const ctx = useDateRangePickerContext();
+		return () => h("span", ctx.api.value.getLabelProps(), slots.default?.());
+	}
+});
+const XhDateRangePickerControl = defineComponent({
+	name: "XhDateRangePickerControl",
+	setup(_, { slots }) {
+		const ctx = useDateRangePickerContext();
+		return () => h("div", {
+			...ctx.api.value.getControlProps(),
+			ref: (el) => {
+				ctx.controlRef.value = el;
+			}
+		}, slots.default?.());
+	}
+});
+const XhDateRangePickerSegmentGroup = defineComponent({
+	name: "XhDateRangePickerSegmentGroup",
+	props: { index: {
+		type: [Number, String],
+		default: 0
+	} },
+	setup(props, { slots }) {
+		const ctx = useDateRangePickerContext();
+		const index = computed(() => resolveDateRangePickerFieldIndex(props.index));
+		provideDateRangePickerSegmentGroup({ index });
+		return () => h("div", ctx.api.value.getSegmentGroupProps({ index: index.value }), slots.default?.());
+	}
+});
+const XhDateRangePickerSegment = defineComponent({
+	name: "XhDateRangePickerSegment",
+	props: {
+		index: { type: [Number, String] },
+		/** 按段名声明该格。段集中没有该段时它收起；与 index 二选一，两个都写时按段名计算。 */
+		segment: { type: String }
+	},
+	slots: Object,
+	setup(props, { slots }) {
+		const ctx = useDateRangePickerContext();
+		const group = useDateRangePickerSegmentGroupContext();
+		return () => {
+			const field = dateRangePickerFieldAt(ctx.api.value, group.index.value);
+			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);
+		};
+	}
+});
+const XhDateRangePickerRangeSeparator = defineComponent({
+	name: "XhDateRangePickerRangeSeparator",
+	setup(_, { slots }) {
+		const ctx = useDateRangePickerContext();
+		return () => h("span", ctx.api.value.getRangeSeparatorProps(), slots.default?.() ?? "-");
+	}
+});
+const XhDateRangePickerClearTrigger = defineComponent({
+	name: "XhDateRangePickerClearTrigger",
+	setup(_, { slots }) {
+		const ctx = useDateRangePickerContext();
+		return () => h("button", ctx.api.value.getClearTriggerProps(), slots.default?.());
+	}
+});
+const XhDateRangePickerTrigger = defineComponent({
+	name: "XhDateRangePickerTrigger",
+	setup(_, { slots }) {
+		const fieldWiring = useFieldStateWiring();
+		const fieldLabel = useFieldLabelWiring();
+		const ctx = useDateRangePickerContext();
+		return () => h("button", fieldLabel.value({
+			...fieldWiring.value,
+			...ctx.api.value.getTriggerProps()
+		}), slots.default?.());
+	}
+});
+const XhDateRangePickerPositioner = defineComponent({
+	name: "XhDateRangePickerPositioner",
+	props: { 
+	/** 本实例的 Portal 容器；优先于应用级配置。 */
+container: { type: Object } },
+	inheritAttrs: false,
+	setup(props, { slots, attrs }) {
+		const ctx = useDateRangePickerContext();
+		const bars = useScrollbars({
+			scrollable: () => ctx.contentRef.value,
+			scope: ctx.services.root.scope,
+			axes: ["vertical", "horizontal"],
+			props: () => ({
+				dir: ctx.api.value.getPositionerProps().dir,
+				size: "sm"
+			})
+		});
+		return () => {
+			const target = props.container ?? ctx.portalTarget.value;
+			return h(XhPortal, {
+				to: target,
+				source: ctx.controlRef,
+				disabled: props.container == null && typeof target === "string"
+			}, () => [h("div", {
+				...mergeProps(ctx.api.value.getPositionerProps(), attrs),
+				ref: (el) => {
+					ctx.positionerRef.value = el;
+				}
+			}, [...slots.default?.() ?? [], ...bars.render()])]);
+		};
+	}
+});
+const XhDateRangePickerContent = defineComponent({
+	name: "XhDateRangePickerContent",
+	setup(_, { slots }) {
+		const ctx = useDateRangePickerContext();
+		return () => h("div", {
+			...ctx.api.value.getContentProps(),
+			style: ctx.visible.value ? void 0 : { display: "none" },
+			ref: (el) => {
+				ctx.contentRef.value = el;
+			}
+		}, slots.default?.());
+	}
+});
+const XhDateRangePickerCalendar = defineComponent({
+	name: "XhDateRangePickerCalendar",
+	props: { 
+	/** 并排的第几张面板，默认 0。写在这里，面板内的标题、网格与格子就不必各写一遍。 */
+index: {
+		type: [Number, String],
+		default: 0
+	} },
+	setup(props, { slots }) {
+		const ctx = useDateRangePickerContext();
+		provideDateRangePickerPanel({ index: usePanelIndex(props) });
+		return () => h("div", ctx.api.value.getCalendarProps(), slots.default?.());
+	}
+});
+const XhDateRangePickerPresetGroup = defineComponent({
+	name: "XhDateRangePickerPresetGroup",
+	slots: Object,
+	inheritAttrs: false,
+	setup(_, { slots, attrs }) {
+		const ctx = useDateRangePickerContext();
+		const presetGroupRef = ref(null);
+		const bars = useScrollbars({
+			scrollable: () => presetGroupRef.value,
+			anchor: "layer",
+			axes: ["vertical", "horizontal"],
+			props: () => ({
+				dir: ctx.api.value.getPositionerProps().dir,
+				size: "sm"
+			})
+		});
+		onUpdated(() => bars.measure());
+		return () => {
+			const api = ctx.api.value;
+			const authored = slots.default?.({ presets: api.presets });
+			return [h("div", {
+				...mergeProps(api.getPresetGroupProps(), attrs),
+				ref: (el) => {
+					presetGroupRef.value = el;
+				}
+			}, slotPaints(authored) ? authored : api.presets.map((preset) => h("div", {
+				...api.getPresetProps({ value: preset.value }),
+				key: preset.value
+			}, preset.label))), ...bars.render()];
+		};
+	}
+});
+const XhDateRangePickerPreset = defineComponent({
+	name: "XhDateRangePickerPreset",
+	props: { 
+	/** 该条目的身份，与 presets 数据中的 value 逐字对应。 */
+value: {
+		type: String,
+		required: true
+	} },
+	slots: Object,
+	setup(props, { slots }) {
+		const ctx = useDateRangePickerContext();
+		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 XhDateRangePickerHeader = defineComponent({
+	name: "XhDateRangePickerHeader",
+	setup(_, { slots }) {
+		const ctx = useDateRangePickerContext();
+		return () => h("div", ctx.api.value.calendar.getHeaderProps(), slots.default?.());
+	}
+});
+const XhDateRangePickerPrevYearTrigger = defineComponent({
+	name: "XhDateRangePickerPrevYearTrigger",
+	setup(_, { slots }) {
+		const ctx = useDateRangePickerContext();
+		return () => h("button", ctx.api.value.calendar.getPrevYearTriggerProps(), slots.default?.());
+	}
+});
+const XhDateRangePickerPrevTrigger = defineComponent({
+	name: "XhDateRangePickerPrevTrigger",
+	setup(_, { slots }) {
+		const ctx = useDateRangePickerContext();
+		return () => h("button", ctx.api.value.calendar.getPrevTriggerProps(), slots.default?.());
+	}
+});
+const XhDateRangePickerNextTrigger = defineComponent({
+	name: "XhDateRangePickerNextTrigger",
+	setup(_, { slots }) {
+		const ctx = useDateRangePickerContext();
+		return () => h("button", ctx.api.value.calendar.getNextTriggerProps(), slots.default?.());
+	}
+});
+const XhDateRangePickerNextYearTrigger = defineComponent({
+	name: "XhDateRangePickerNextYearTrigger",
+	setup(_, { slots }) {
+		const ctx = useDateRangePickerContext();
+		return () => h("button", ctx.api.value.calendar.getNextYearTriggerProps(), slots.default?.());
+	}
+});
+const XhDateRangePickerHeading = defineComponent({
+	name: "XhDateRangePickerHeading",
+	props: { 
+	/** 属于第几个面板；未写时跟随所在的日历。 */
+index: { type: [Number, String] } },
+	setup(props, { slots }) {
+		const ctx = useDateRangePickerContext();
+		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 XhDateRangePickerHeadingYearTrigger = defineComponent({
+	name: "XhDateRangePickerHeadingYearTrigger",
+	props: { 
+	/** 属于第几个面板；未写时跟随所在的日历。 */
+index: { type: [Number, String] } },
+	setup(props, { slots }) {
+		const ctx = useDateRangePickerContext();
+		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 XhDateRangePickerHeadingMonthTrigger = defineComponent({
+	name: "XhDateRangePickerHeadingMonthTrigger",
+	props: { 
+	/** 属于第几个面板；未写时跟随所在的日历。 */
+index: { type: [Number, String] } },
+	setup(props, { slots }) {
+		const ctx = useDateRangePickerContext();
+		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 XhDateRangePickerGrid = defineComponent({
+	name: "XhDateRangePickerGrid",
+	props: { 
+	/** 属于第几个面板；未写时跟随所在的日历。 */
+index: { type: [Number, String] } },
+	setup(props, { slots }) {
+		const ctx = useDateRangePickerContext();
+		const index = usePanelIndex(props);
+		return () => h("div", {
+			...ctx.api.value.calendar.getGridProps({ index: index.value }),
+			ref: index.value === 0 ? ctx.gridRef : void 0
+		}, slots.default?.());
+	}
+});
+const XhDateRangePickerGridHead = defineComponent({
+	name: "XhDateRangePickerGridHead",
+	setup(_, { slots }) {
+		const ctx = useDateRangePickerContext();
+		return () => h("div", ctx.api.value.calendar.getGridHeadProps(), slots.default?.());
+	}
+});
+const XhDateRangePickerGridBody = defineComponent({
+	name: "XhDateRangePickerGridBody",
+	setup(_, { slots }) {
+		const ctx = useDateRangePickerContext();
+		return () => h("div", ctx.api.value.calendar.getGridBodyProps(), slots.default?.());
+	}
+});
+const XhDateRangePickerWeekRow = defineComponent({
+	name: "XhDateRangePickerWeekRow",
+	setup(_, { slots }) {
+		const ctx = useDateRangePickerContext();
+		return () => h("div", ctx.api.value.calendar.getWeekRowProps(), slots.default?.());
+	}
+});
+const XhDateRangePickerWeekNumber = defineComponent({
+	name: "XhDateRangePickerWeekNumber",
+	props: { 
+	/** 该行行首那一天的 ISO 串。 */
+value: {
+		type: String,
+		required: true
+	} },
+	setup(props, { slots }) {
+		const ctx = useDateRangePickerContext();
+		return () => h("span", ctx.api.value.calendar.getWeekNumberProps({ value: props.value }), slots.default?.() ?? ctx.api.value.calendar.getWeekNumberText({ value: props.value }));
+	}
+});
+const XhDateRangePickerWeekDay = defineComponent({
+	name: "XhDateRangePickerWeekDay",
+	props: { value: {
+		type: [Number, String],
+		required: true
+	} },
+	setup(props, { slots }) {
+		const ctx = useDateRangePickerContext();
+		const index = computed(() => Number(props.value));
+		return () => h("span", ctx.api.value.calendar.getWeekDayProps({ value: index.value }), slots.default?.() ?? ctx.api.value.calendar.weekDays[index.value]?.label);
+	}
+});
+const XhDateRangePickerCell = defineComponent({
+	name: "XhDateRangePickerCell",
+	props: {
+		/** ISO 日期串。 */
+		value: {
+			type: String,
+			required: true
+		},
+		/**
+		* 属于第几个面板；未写时跟随所在的日历。同一天会同时出现在两个面板中
+		* （8 月末的几天也铺在 9 月的首行），是否为本月只有连同面板一起看才能判定。
+		*/
+		index: { type: [Number, String] }
+	},
+	setup(props, { slots }) {
+		const ctx = useDateRangePickerContext();
+		const index = usePanelIndex(props);
+		const cell = computed(() => ({
+			value: props.value,
+			index: index.value
+		}));
+		provideDateRangePickerCell({ cell });
+		return () => h("div", ctx.api.value.calendar.getCellProps(cell.value), slots.default?.());
+	}
+});
+const XhDateRangePickerCellTrigger = defineComponent({
+	name: "XhDateRangePickerCellTrigger",
+	setup(_, { slots }) {
+		const ctx = useDateRangePickerContext();
+		const { cell } = useDateRangePickerCellContext();
+		return () => h("div", ctx.api.value.calendar.getCellTriggerProps(cell.value), slots.default?.());
+	}
+});
+const XhDateRangePickerHiddenInput = defineComponent({
+	name: "XhDateRangePickerHiddenInput",
+	props: { index: { type: [Number, String] } },
+	setup(props) {
+		const ctx = useDateRangePickerContext();
+		const group = useDateRangePickerSegmentGroupContext();
+		return () => {
+			const index = props.index === void 0 ? group.index.value : resolveDateRangePickerFieldIndex(props.index);
+			return h("input", dateRangePickerFieldAt(ctx.api.value, index).getHiddenInputProps());
+		};
+	}
+});
+//#endregion
+export { XhDateRangePickerCalendar, XhDateRangePickerCell, XhDateRangePickerCellTrigger, XhDateRangePickerClearTrigger, XhDateRangePickerContent, XhDateRangePickerControl, XhDateRangePickerGrid, XhDateRangePickerGridBody, XhDateRangePickerGridHead, XhDateRangePickerHeader, XhDateRangePickerHeading, XhDateRangePickerHeadingMonthTrigger, XhDateRangePickerHeadingYearTrigger, XhDateRangePickerHiddenInput, XhDateRangePickerLabel, XhDateRangePickerNextTrigger, XhDateRangePickerNextYearTrigger, XhDateRangePickerPositioner, XhDateRangePickerPreset, XhDateRangePickerPresetGroup, XhDateRangePickerPrevTrigger, XhDateRangePickerPrevYearTrigger, XhDateRangePickerRangeSeparator, XhDateRangePickerRoot, XhDateRangePickerSegment, XhDateRangePickerSegmentGroup, XhDateRangePickerTrigger, XhDateRangePickerWeekDay, XhDateRangePickerWeekNumber, XhDateRangePickerWeekRow };
+
+//# sourceMappingURL=date-range-picker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker.js","names":[],"sources":["../../../src/components/date-range-picker/date-range-picker.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 date range picker 相关实现。\n\nimport type { ControlVariant, Direction, Placement, Size, Tone } from '@xihan-ui/core'\nimport type {\n  CalendarCellProps,\n  CalendarGranularity,\n  CalendarRangePickerApi,\n  CalendarView,\n  DateFieldSegmentState,\n  DateRangePickerApi,\n  DateRangePickerPreset,\n  DateRangePickerPresetState,\n  DateRangePickerSchema,\n  DateSegmentSet,\n  DateSegmentType,\n} from '@xihan-ui/headless'\nimport type { ComputedRef, PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { dateRangePickerFieldAt, resolveDateRangePickerFieldIndex, resolveDateRangePickerPanelIndex } from '@xihan-ui/headless'\nimport { computed, defineComponent, h, mergeProps, onUpdated, ref } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { XhPortal } from '../../runtime/portal'\nimport { slotPaints } from '../../runtime/slot-content'\nimport { useScrollbars } from '../../runtime/use-scrollbars'\nimport { useFieldLabelWiring, useFieldStateWiring } from '../field/use-field-control'\nimport { useFormControlProps } from '../form/use-form-control'\nimport {\n  provideDateRangePicker,\n  provideDateRangePickerCell,\n  provideDateRangePickerPanel,\n  provideDateRangePickerSegmentGroup,\n  useDateRangePickerCellContext,\n  useDateRangePickerContext,\n  useDateRangePickerPanelContext,\n  useDateRangePickerSegmentGroupContext,\n} from './context'\nimport { useDateRangePickerWithRoot } from './use-date-range-picker'\n\ntype DateRangePickerProps = DateRangePickerSchema['props']\n\n/**\n * 部件属于并排的第几张面板：自己写了即按自己写的，未写时跟随所在的日历。\n * 兼收字符串以支持模板中写 index=\"1\"。\n */\nfunction usePanelIndex(props: { index?: number | string }): ComputedRef<number> {\n  const panel = useDateRangePickerPanelContext()\n  return computed(() => resolveDateRangePickerPanelIndex(props.index, panel.index.value))\n}\n\n/** 默认插槽的载荷：选择器的开合与两端、内嵌范围日历的展示数据、两组段位，以及改写值的句柄。 */\nexport type DateRangePickerRootSlotProps\n  = & Pick<\n    DateRangePickerApi,\n    | 'open'\n    | 'value'\n    | 'start'\n    | 'end'\n    | 'periodValue'\n    | 'focusedValue'\n    | 'canClear'\n    | 'setOpen'\n    | 'setValue'\n    | 'clear'\n  >\n  & Pick<\n    CalendarRangePickerApi,\n    | 'visibleMonth'\n    | 'panels'\n    | 'periods'\n    | 'weeks'\n    | 'weekDays'\n    | 'headingLabel'\n    | 'canGoPrev'\n    | 'canGoNext'\n  >\n  & {\n    /** 起点组段位。 */\n    segments: DateFieldSegmentState[]\n    /** 终点组段位。 */\n    endSegments: DateFieldSegmentState[]\n  }\n\n/** 段位默认插槽的载荷：本段的投影；下标越界时缺席。 */\nexport interface DateRangePickerSegmentSlotProps {\n  segment: DateFieldSegmentState | undefined\n}\n\n/** 快捷选项列默认插槽的载荷：逐条的投影，作者据此自行铺设条目。 */\nexport interface DateRangePickerPresetsSlotProps {\n  presets: readonly DateRangePickerPresetState[]\n}\n\nexport const XhDateRangePickerRoot = defineComponent({\n  name: 'XhDateRangePickerRoot',\n  // 有 connect / machine 兜底的 prop：普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    /** 区间两端 [start, end]；空缺的一端用空串占位。 */\n    value: { type: Array as PropType<string[]> },\n    defaultValue: { type: Array as PropType<string[]> },\n    open: { type: Boolean, default: undefined },\n    defaultOpen: Boolean,\n    min: { type: String },\n    max: { type: String },\n    locale: { type: String },\n    timeZone: { type: String },\n    /** 选择粒度；两组输入行铺设哪几段也跟随它。 */\n    granularity: { type: String as PropType<CalendarGranularity> },\n    /** 面板当前所处的层级；给定即受控，默认跟随 granularity。 */\n    activeView: { type: String as PropType<CalendarView> },\n    /** 输入行铺设哪几段；未提供时按 granularity 推导。 */\n    segments: { type: Array as PropType<DateSegmentSet> },\n    /** 并排展示几页；默认 1，起止常跨月时可设为 2。 */\n    visibleCount: { type: Number },\n    /** 日历恒渲染六行，默认开启。关闭后翻页时浮层高度会随月份变化。 */\n    fixedWeeks: { type: Boolean, default: undefined },\n    /** 初始聚焦日，同时决定展开时先落在哪一页；未提供时退回起点，再退回今天。 */\n    defaultFocusedValue: { type: String },\n    /** 快捷选项；提供后浮层中多出一列，日期要在自己的 computed 中计算后再传入。 */\n    presets: { type: Array as PropType<DateRangePickerPreset[]> },\n    isDateUnavailable: { type: Function as PropType<(value: string, anchor: string | null) => boolean> },\n    /** 允许跨过不可用的日期；默认关闭，落下起点后只能选到两侧最近的不可用日为止。 */\n    allowsNonContiguousRanges: { type: Boolean, default: undefined },\n    disabled: { type: Boolean, default: undefined },\n    readOnly: { type: Boolean, default: undefined },\n    invalid: { type: Boolean, default: undefined },\n    required: { type: Boolean, default: undefined },\n    name: { type: String },\n    // 终点那份隐藏输入的表单名；不给即终点不参与提交\n    endName: { type: String },\n    // 两组段位各自的读屏名字与快捷选项列的名字\n    translations: { type: Object as PropType<DateRangePickerProps['translations']> },\n    variant: { type: String as PropType<ControlVariant> },\n    tone: { type: String as PropType<Tone> },\n    size: { type: String as PropType<Size> },\n    placement: { type: String as PropType<Placement> },\n    offset: { type: Number },\n    /** 文字方向；浮层迁移到落点后无法继承作者子树上的方向，需要 RTL 时显式提供。 */\n    dir: { type: String as PropType<Direction> },\n    closeOnSelect: { type: Boolean, default: undefined },\n  },\n  // *-change 携带 details 对象，update:* 携带裸值；值恒为 [start, end]，只填了终点时是 ['', end]\n  emits: {\n    'value-change': (_details: PayloadOf<DateRangePickerProps, 'onValueChange'>) => true,\n    'open-change': (_details: PayloadOf<DateRangePickerProps, 'onOpenChange'>) => true,\n    'focused-value-change': (_details: PayloadOf<DateRangePickerProps, 'onFocusedValueChange'>) => true,\n    'active-view-change': (_details: PayloadOf<DateRangePickerProps, 'onActiveViewChange'>) => true,\n    'update:value': (_value: PayloadOf<DateRangePickerProps, 'onValueChange'>['value']) => true,\n    'update:open': (_open: PayloadOf<DateRangePickerProps, 'onOpenChange'>['open']) => true,\n    'update:activeView': (_view: PayloadOf<DateRangePickerProps, 'onActiveViewChange'>['activeView']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: DateRangePickerRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const rootRef = ref<HTMLElement | null>(null)\n    const notifyValue: DateRangePickerProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const notifyOpen: DateRangePickerProps['onOpenChange'] = (details) => {\n      emit('open-change', details)\n      emit('update:open', details.open)\n    }\n    // 聚焦日只对外播报，不提供 v-model\n    const notifyFocus: DateRangePickerProps['onFocusedValueChange'] = details => emit('focused-value-change', details)\n    const notifyActiveView: DateRangePickerProps['onActiveViewChange'] = (details) => {\n      emit('active-view-change', details)\n      emit('update:activeView', details.activeView)\n    }\n    const ctx = useDateRangePickerWithRoot(withXhConfig('date-range-picker', useFormControlProps(props)) as DateRangePickerProps, {\n      onValueChange: notifyValue,\n      onOpenChange: notifyOpen,\n      onFocusedValueChange: notifyFocus,\n      onActiveViewChange: notifyActiveView,\n    }, rootRef)\n    provideDateRangePicker(ctx)\n    // 网格与段位由作者照插槽里的 weeks / segments 自行渲染\n    return () => h('div', { ...ctx.api.value.getRootProps() as Record<string, unknown>, ref: rootRef }, slots.default?.({\n      open: ctx.api.value.open,\n      value: ctx.api.value.value,\n      start: ctx.api.value.start,\n      end: ctx.api.value.end,\n      periodValue: ctx.api.value.periodValue,\n      focusedValue: ctx.api.value.focusedValue,\n      visibleMonth: ctx.api.value.calendar.visibleMonth,\n      panels: ctx.api.value.calendar.panels,\n      periods: ctx.api.value.calendar.periods,\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      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 XhDateRangePickerLabel = defineComponent({\n  name: 'XhDateRangePickerLabel',\n  setup(_, { slots }) {\n    const ctx = useDateRangePickerContext()\n    // 渲染为 span 而非 label，点击聚焦由连接层接管\n    return () => h('span', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDateRangePickerControl = defineComponent({\n  name: 'XhDateRangePickerControl',\n  setup(_, { slots }) {\n    const ctx = useDateRangePickerContext()\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 XhDateRangePickerSegmentGroup = defineComponent({\n  name: 'XhDateRangePickerSegmentGroup',\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 = useDateRangePickerContext()\n    const index = computed<0 | 1>(() => resolveDateRangePickerFieldIndex(props.index))\n    // 组内的段位与隐藏输入据此认领起止\n    provideDateRangePickerSegmentGroup({ 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 XhDateRangePickerSegment = defineComponent({\n  name: 'XhDateRangePickerSegment',\n  props: {\n    // 段位下标，兼收字符串以支持模板里写 index=\"0\"\n    index: { type: [Number, String] as PropType<number | string> },\n    /** 按段名声明该格。段集中没有该段时它收起；与 index 二选一，两个都写时按段名计算。 */\n    segment: { type: String as PropType<DateSegmentType> },\n  },\n  slots: Object as SlotsType<{\n    default?: (props: DateRangePickerSegmentSlotProps) => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useDateRangePickerContext()\n    const group = useDateRangePickerSegmentGroupContext()\n    return () => {\n      const field = dateRangePickerFieldAt(ctx.api.value, group.index.value)\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 XhDateRangePickerRangeSeparator = defineComponent({\n  name: 'XhDateRangePickerRangeSeparator',\n  setup(_, { slots }) {\n    const ctx = useDateRangePickerContext()\n    return () => h(\n      'span',\n      ctx.api.value.getRangeSeparatorProps() as Record<string, unknown>,\n      slots.default?.() ?? '-',\n    )\n  },\n})\n\nexport const XhDateRangePickerClearTrigger = defineComponent({\n  name: 'XhDateRangePickerClearTrigger',\n  setup(_, { slots }) {\n    const ctx = useDateRangePickerContext()\n    return () => h('button', ctx.api.value.getClearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDateRangePickerTrigger = defineComponent({\n  name: 'XhDateRangePickerTrigger',\n  setup(_, { slots }) {\n    // 字段的说明与校验状态要落在真控件上，不能停在封装根的 div 上\n    const fieldWiring = useFieldStateWiring()\n    // 字段的标签也得并进名字链：控件自带的那条指的是它自己那个没渲染的 label 部件\n    const fieldLabel = useFieldLabelWiring()\n    const ctx = useDateRangePickerContext()\n    return () => h('button', fieldLabel.value({ ...fieldWiring.value, ...ctx.api.value.getTriggerProps() as Record<string, unknown> }), slots.default?.())\n  },\n})\n\nexport const XhDateRangePickerPositioner = defineComponent({\n  name: 'XhDateRangePickerPositioner',\n  props: {\n    /** 本实例的 Portal 容器；优先于应用级配置。 */\n    container: { type: Object as PropType<Element> },\n  },\n  // 根是 Teleport，Vue 不会把直通属性合上去，作者写的 class 与 style 得自己接住落到 positioner 上\n  inheritAttrs: false,\n  setup(props, { slots, attrs }) {\n    const ctx = useDateRangePickerContext()\n    // 浮层面板的自绘条：与 content 同级、绝对定位不占布局，壳是这层已经 fixed 的 positioner；\n    // 面板皮肤两轴都滚，条子走浮层 4px 档\n    const bars = useScrollbars({\n      scrollable: () => ctx.contentRef.value,\n      scope: ctx.services.root.scope,\n      axes: ['vertical', 'horizontal'],\n      props: () => ({ dir: (ctx.api.value.getPositionerProps() as { dir?: Direction }).dir, size: 'sm' }),\n    })\n    // 搬到 portal 落点：留在原地的话，宿主祖先只要建了层叠上下文就能盖住浮层\n    return () => {\n      const target = props.container ?? ctx.portalTarget.value\n      return h(XhPortal, {\n        to: target,\n        source: ctx.controlRef,\n        // SSR 与客户端首帧都还没有真实 root：保持同一原地结构，绑定 Scope 后再搬运。\n        disabled: props.container == null && typeof target === 'string',\n      }, () => [\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})\n\nexport const XhDateRangePickerContent = defineComponent({\n  name: 'XhDateRangePickerContent',\n  setup(_, { slots }) {\n    const ctx = useDateRangePickerContext()\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-range-picker\"，行为取自本组件持有的日历机器\n\nexport const XhDateRangePickerCalendar = defineComponent({\n  name: 'XhDateRangePickerCalendar',\n  props: {\n    /** 并排的第几张面板，默认 0。写在这里，面板内的标题、网格与格子就不必各写一遍。 */\n    index: { type: [Number, String], default: 0 },\n  },\n  setup(props, { slots }) {\n    const ctx = useDateRangePickerContext()\n    provideDateRangePickerPanel({ index: usePanelIndex(props) })\n    // 内嵌日历的挂载点，同时是日历的根节点\n    return () => h('div', ctx.api.value.getCalendarProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDateRangePickerPresetGroup = defineComponent({\n  name: 'XhDateRangePickerPresetGroup',\n  slots: Object as SlotsType<{\n    /** 自行铺设条目；未写时按 presets 数据自动铺设，两者产出的 DOM 一致。 */\n    default?: (props: DateRangePickerPresetsSlotProps) => VNode[]\n  }>,\n  // 根是片段（选项列节点 + 贴层的条子），Vue 不会把直通属性合上去：作者写的 class、style 与 data-* 自己接住落到列节点上\n  inheritAttrs: false,\n  setup(_, { slots, attrs }) {\n    const ctx = useDateRangePickerContext()\n    const presetGroupRef = ref<HTMLElement | null>(null)\n    // 快捷选项列自己滚（窄视口横排横滚、宽视口竖排竖滚）：两轴的条子贴在它的盒子上、紧跟在它后面\n    const bars = useScrollbars({\n      scrollable: () => presetGroupRef.value,\n      anchor: 'layer',\n      axes: ['vertical', 'horizontal'],\n      props: () => ({ dir: (ctx.api.value.getPositionerProps() as { dir?: Direction }).dir, size: 'sm' }),\n    })\n    onUpdated(() => bars.measure())\n    return () => {\n      const api = ctx.api.value\n      const authored = slots.default?.({ presets: api.presets })\n      return [\n        h(\n          'div',\n          {\n            ...mergeProps(api.getPresetGroupProps() as Record<string, unknown>, attrs),\n            ref: (el: unknown) => { presetGroupRef.value = el as HTMLElement },\n          },\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        ...bars.render(),\n      ]\n    }\n  },\n})\n\nexport const XhDateRangePickerPreset = defineComponent({\n  name: 'XhDateRangePickerPreset',\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 = useDateRangePickerContext()\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 XhDateRangePickerHeader = defineComponent({\n  name: 'XhDateRangePickerHeader',\n  setup(_, { slots }) {\n    const ctx = useDateRangePickerContext()\n    return () => h('div', ctx.api.value.calendar.getHeaderProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDateRangePickerPrevYearTrigger = defineComponent({\n  name: 'XhDateRangePickerPrevYearTrigger',\n  setup(_, { slots }) {\n    const ctx = useDateRangePickerContext()\n    return () => h('button', ctx.api.value.calendar.getPrevYearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDateRangePickerPrevTrigger = defineComponent({\n  name: 'XhDateRangePickerPrevTrigger',\n  setup(_, { slots }) {\n    const ctx = useDateRangePickerContext()\n    return () => h('button', ctx.api.value.calendar.getPrevTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDateRangePickerNextTrigger = defineComponent({\n  name: 'XhDateRangePickerNextTrigger',\n  setup(_, { slots }) {\n    const ctx = useDateRangePickerContext()\n    return () => h('button', ctx.api.value.calendar.getNextTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDateRangePickerNextYearTrigger = defineComponent({\n  name: 'XhDateRangePickerNextYearTrigger',\n  setup(_, { slots }) {\n    const ctx = useDateRangePickerContext()\n    return () => h('button', ctx.api.value.calendar.getNextYearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDateRangePickerHeading = defineComponent({\n  name: 'XhDateRangePickerHeading',\n  props: {\n    /** 属于第几个面板；未写时跟随所在的日历。 */\n    index: { type: [Number, String] },\n  },\n  setup(props, { slots }) {\n    const ctx = useDateRangePickerContext()\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 XhDateRangePickerHeadingYearTrigger = defineComponent({\n  name: 'XhDateRangePickerHeadingYearTrigger',\n  props: {\n    /** 属于第几个面板；未写时跟随所在的日历。 */\n    index: { type: [Number, String] },\n  },\n  setup(props, { slots }) {\n    const ctx = useDateRangePickerContext()\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 XhDateRangePickerHeadingMonthTrigger = defineComponent({\n  name: 'XhDateRangePickerHeadingMonthTrigger',\n  props: {\n    /** 属于第几个面板；未写时跟随所在的日历。 */\n    index: { type: [Number, String] },\n  },\n  setup(props, { slots }) {\n    const ctx = useDateRangePickerContext()\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 XhDateRangePickerGrid = defineComponent({\n  name: 'XhDateRangePickerGrid',\n  props: {\n    /** 属于第几个面板；未写时跟随所在的日历。 */\n    index: { type: [Number, String] },\n  },\n  setup(props, { slots }) {\n    const ctx = useDateRangePickerContext()\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 XhDateRangePickerGridHead = defineComponent({\n  name: 'XhDateRangePickerGridHead',\n  setup(_, { slots }) {\n    const ctx = useDateRangePickerContext()\n    return () => h('div', ctx.api.value.calendar.getGridHeadProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDateRangePickerGridBody = defineComponent({\n  name: 'XhDateRangePickerGridBody',\n  setup(_, { slots }) {\n    const ctx = useDateRangePickerContext()\n    return () => h('div', ctx.api.value.calendar.getGridBodyProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 表头行与日期行共用同一个 role=row\nexport const XhDateRangePickerWeekRow = defineComponent({\n  name: 'XhDateRangePickerWeekRow',\n  setup(_, { slots }) {\n    const ctx = useDateRangePickerContext()\n    return () => h('div', ctx.api.value.calendar.getWeekRowProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDateRangePickerWeekNumber = defineComponent({\n  name: 'XhDateRangePickerWeekNumber',\n  props: {\n    /** 该行行首那一天的 ISO 串。 */\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useDateRangePickerContext()\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 XhDateRangePickerWeekDay = defineComponent({\n  name: 'XhDateRangePickerWeekDay',\n  props: {\n    // 列序 0-6，兼收字符串\n    value: { type: [Number, String] as PropType<number | string>, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useDateRangePickerContext()\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 XhDateRangePickerCell = defineComponent({\n  name: 'XhDateRangePickerCell',\n  props: {\n    /** ISO 日期串。 */\n    value: { type: String, required: true },\n    /**\n     * 属于第几个面板；未写时跟随所在的日历。同一天会同时出现在两个面板中\n     * （8 月末的几天也铺在 9 月的首行），是否为本月只有连同面板一起看才能判定。\n     */\n    index: { type: [Number, String] },\n  },\n  setup(props, { slots }) {\n    const ctx = useDateRangePickerContext()\n    const index = usePanelIndex(props)\n    const cell = computed<CalendarCellProps>(() => ({ value: props.value, index: index.value }))\n    provideDateRangePickerCell({ cell })\n    // 不上报格子卸载，翻月后由日历机器按聚焦日重新落点\n    return () => h('div', ctx.api.value.calendar.getCellProps(cell.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDateRangePickerCellTrigger = defineComponent({\n  name: 'XhDateRangePickerCellTrigger',\n  setup(_, { slots }) {\n    const ctx = useDateRangePickerContext()\n    const { cell } = useDateRangePickerCellContext()\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 XhDateRangePickerHiddenInput = defineComponent({\n  name: 'XhDateRangePickerHiddenInput',\n  props: {\n    // 写在分段容器外面时用它指明属于哪一端；写在容器里面不必给，跟着容器走\n    index: { type: [Number, String] as PropType<number | string> },\n  },\n  setup(props) {\n    const ctx = useDateRangePickerContext()\n    const group = useDateRangePickerSegmentGroupContext()\n    return () => {\n      const index = props.index === undefined ? group.index.value : resolveDateRangePickerFieldIndex(props.index)\n      return h('input', dateRangePickerFieldAt(ctx.api.value, index).getHiddenInputProps() as Record<string, unknown>)\n    }\n  },\n})\n"],"mappings":"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"}

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

@@ -0,0 +1,23 @@
+import { ComputedRef, Ref } from "vue";
+import { RuntimeConfig } from "@xihan-ui/core";
+import { DateRangePickerApi, DateRangePickerSchema, DateRangePickerServices } from "@xihan-ui/headless";
+//#region src/components/date-range-picker/use-date-range-picker.d.ts
+interface DateRangePickerContext {
+  api: ComputedRef<DateRangePickerApi>;
+  /** 四台状态机的句柄，供部件上报 DOM 侧的事实。 */
+  services: DateRangePickerServices;
+  controlRef: Ref<HTMLElement | null>;
+  positionerRef: Ref<HTMLElement | null>;
+  contentRef: Ref<HTMLElement | null>;
+  /** 当前是否应当渲染：退场动画播完之前仍为真。 */
+  visible: Ref<boolean>;
+  gridRef: Ref<HTMLElement | null>;
+  /** 显式同 Document 目标优先，默认使用真实根所属运行时的 Portal。 */
+  portalTarget: ComputedRef<string | Element>;
+}
+type DateRangePickerHandlers = Pick<DateRangePickerSchema['props'], 'onValueChange' | 'onOpenChange' | 'onFocusedValueChange' | 'onActiveViewChange'>;
+/** 公开 composable 保留 ambient Scope 合同。 */
+declare function useDateRangePicker(props: DateRangePickerSchema['props'], handlers?: DateRangePickerHandlers): DateRangePickerContext;
+//#endregion
+export { DateRangePickerContext, useDateRangePicker };
+//# sourceMappingURL=use-date-range-picker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-date-range-picker.d.ts","names":[],"sources":["../../../src/components/date-range-picker/use-date-range-picker.ts"],"mappings":";;;;UA4BiB;EACf,KAAK,YAAY;;EAEjB,UAAU;EACV,YAAY,IAAI;EAChB,eAAe,IAAI;EACnB,YAAY,IAAI;;EAEhB,SAAS;EACT,SAAS,IAAI;;EAEb,cAAc,qBAAqB;;KAGhC,0BAA0B,KAC7B;;iBAsJc,mBACd,OAAO,gCACP,WAAU,0BACT"}