@xihan-ui/vue 3.0.0 → 3.2.0

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

@@ -1,10 +1,11 @@
 import { withXhConfig } from "../../config/config.js";
 import { XhPortal } from "../../runtime/portal.js";
-import { slotPaints } from "../../runtime/slot-content.js";
+import { slotIsPlainText, slotPaints } from "../../runtime/slot-content.js";
 import { useScrollbars } from "../../runtime/use-scrollbars.js";
+import { withHandlers } from "../../runtime/with-handlers.js";
 import { useFormControlProps } from "../form/use-form-control.js";
 import { useFieldLabelWiring, useFieldStateWiring } from "../field/use-field-control.js";
-import { provideDatePicker, provideDatePickerCell, provideDatePickerPanel, useDatePickerCellContext, useDatePickerContext, useDatePickerPanelContext } from "./context.js";
+import { provideDatePicker, provideDatePickerCell, provideDatePickerPanel, provideDatePickerTag, useDatePickerCellContext, useDatePickerContext, useDatePickerPanelContext, useDatePickerTagContext } from "./context.js";
 import { useDatePickerWithRoot } from "./use-date-picker.js";
 import { computed, defineComponent, h, mergeProps, onUpdated, ref } from "vue";
 import { resolveDatePickerPanelIndex } from "@xihan-ui/headless";
@@ -36,12 +37,16 @@ const XhDatePickerRoot = defineComponent({
 		selectionMode: { type: String },
 		/** multiple 下最多选几个周期；选满后日历里没选中的格子不可再加选，已选的仍可点掉。 */
 		maxSelected: { type: Number },
+		/** 多选时输入行最多摆几枚标签，其余折进 +N 那一枚；默认 3。 */
+		maxTagCount: { type: Number },
 		/** 选择粒度；与 selectionMode 正交，输入行铺设哪几段也跟随它。 */
 		granularity: { type: String },
 		/** 面板当前所处的层级；给定即受控，默认跟随 granularity。 */
 		activeView: { type: String },
 		/** 输入行铺设哪几段；未提供时按 granularity 推导。 */
 		segments: { type: Array },
+		/** 占位。字符串是整条占位：一段都没填、焦点也不在段上时输入行显示这句文字，焦点进到段上即换回段位；对象是逐段的占位串，覆盖内置的 yyyy / mm / dd。 */
+		placeholder: { type: [String, Object] },
 		/** 并排展示几页；默认 1。 */
 		visibleCount: { type: Number },
 		/** 日历恒渲染六行，默认开启。关闭后翻页时浮层高度会随月份变化。 */
@@ -96,6 +101,7 @@ const XhDatePickerRoot = defineComponent({
 		isTimeUnavailable: { type: Function }
 	},
 	emits: {
+		"clear": () => true,
 		"value-change": (_details) => true,
 		"open-change": (_details) => true,
 		"focused-value-change": (_details) => true,
@@ -120,7 +126,7 @@ const XhDatePickerRoot = defineComponent({
 			emit("active-view-change", details);
 			emit("update:activeView", details.activeView);
 		};
-		const ctx = useDatePickerWithRoot(withXhConfig("date-picker", useFormControlProps(props)), {
+		const ctx = useDatePickerWithRoot(withHandlers(withXhConfig("date-picker", useFormControlProps(props)), { onClear: () => emit("clear") }), {
 			onValueChange: notifyValue,
 			onOpenChange: notifyOpen,
 			onFocusedValueChange: notifyFocus,
@@ -171,6 +177,68 @@ const XhDatePickerControl = defineComponent({
 		}, slots.default?.());
 	}
 });
+/** 标签文字所在的块（tag 的 label）：截断规则挂在这一层。 */
+const XhDatePickerTagLabel = defineComponent({
+	name: "XhDatePickerTagLabel",
+	setup(_, { slots }) {
+		const ctx = useDatePickerContext();
+		return () => h("span", ctx.api.value.getTagLabelProps(), slots.default?.());
+	}
+});
+/**
+* 标签内容：只有文字时替它包一层 label：截断规则挂在 label 上，直接展开在 root 上的文字过长会把
+* 删除按钮挤出；作者自己写了节点则原样放行。库自身填入的文字（+N）恒包 label，三个适配器渲染出同一棵树。
+*/
+function tagChildren(content) {
+	if (typeof content === "string") return [h(XhDatePickerTagLabel, null, () => content)];
+	return slotIsPlainText(content) ? [h(XhDatePickerTagLabel, null, () => content)] : content;
+}
+/** 标签中的删除按钮：即所在标签那份 tag 的 close-trigger，可及名使用 translations.deleteItem；点按摘掉所在标签的选中值，焦点不动。 */
+const XhDatePickerItemDeleteTrigger = defineComponent({
+	name: "XhDatePickerItemDeleteTrigger",
+	setup(_, { slots }) {
+		const ctx = useDatePickerContext();
+		const tag = useDatePickerTagContext();
+		return () => h("button", ctx.api.value.getItemDeleteTriggerProps({ value: tag.value() }), slots.default?.());
+	}
+});
+/** 多选时一个选中值一个标签，即库内 tag 的 root（data-scope="tag"）：语气、尺寸与禁用从日期选择器传下，形态按盒的面派生。 */
+const XhDatePickerTag = defineComponent({
+	name: "XhDatePickerTag",
+	props: { 
+	/** 它代表哪个选中值。 */
+value: {
+		type: String,
+		required: true
+	} },
+	setup(props, { slots }) {
+		const ctx = useDatePickerContext();
+		provideDatePickerTag({ value: () => props.value });
+		return () => h("span", ctx.api.value.getTagProps({ value: props.value }), tagChildren(slots.default?.()));
+	}
+});
+/** 折叠的标签合成的一个标签：同样是 tag 的 root；有插槽时使用插槽，否则显示 +N。没有折叠的标签时连接层写 hidden。 */
+const XhDatePickerOverflowTag = defineComponent({
+	name: "XhDatePickerOverflowTag",
+	setup(_, { slots }) {
+		const ctx = useDatePickerContext();
+		return () => h("span", ctx.api.value.getOverflowTagProps(), tagChildren(slots.default?.() ?? ctx.api.value.overflowText));
+	}
+});
+/**
+* 标签行：多选时放在盒里、触发钮之前；没有选中时承载整条占位，单选时连接层给 hidden。
+* 不写插槽即按 tags 铺出带删除钮的标签与 +N 那一枚，写了插槽由作者自己铺。
+*/
+const XhDatePickerTagList = defineComponent({
+	name: "XhDatePickerTagList",
+	setup(_, { slots }) {
+		const ctx = useDatePickerContext();
+		return () => h("span", ctx.api.value.getTagListProps(), slots.default ? slots.default() : [...ctx.api.value.tags.map((tag) => h(XhDatePickerTag, {
+			key: tag.value,
+			value: tag.value
+		}, () => [h(XhDatePickerTagLabel, null, () => tag.label), h(XhDatePickerItemDeleteTrigger)])), h(XhDatePickerOverflowTag)]);
+	}
+});
 const XhDatePickerSegmentGroup = defineComponent({
 	name: "XhDatePickerSegmentGroup",
 	setup(_, { slots }) {
@@ -237,6 +305,7 @@ container: { type: Object } },
 			return h(XhPortal, {
 				to: target,
 				source: ctx.controlRef,
+				present: ctx.visible.value,
 				disabled: props.container == null && typeof target === "string"
 			}, () => [h("div", {
 				...mergeProps(ctx.api.value.getPositionerProps(), attrs),
@@ -547,10 +616,13 @@ const XhDatePickerHiddenInput = defineComponent({
 	name: "XhDatePickerHiddenInput",
 	setup() {
 		const ctx = useDatePickerContext();
-		return () => h("input", ctx.api.value.field.getHiddenInputProps());
+		return () => ctx.api.value.selectionMode === "multiple" ? ctx.api.value.value.map((value) => h("input", {
+			key: value,
+			...ctx.api.value.field.getHiddenInputProps({ value })
+		})) : h("input", ctx.api.value.field.getHiddenInputProps());
 	}
 });
 //#endregion
-export { XhDatePickerCalendar, XhDatePickerCell, XhDatePickerCellTrigger, XhDatePickerClearTrigger, XhDatePickerConfirmTrigger, XhDatePickerContent, XhDatePickerControl, XhDatePickerGrid, XhDatePickerGridBody, XhDatePickerGridHead, XhDatePickerHeader, XhDatePickerHeading, XhDatePickerHeadingMonthTrigger, XhDatePickerHeadingYearTrigger, XhDatePickerHiddenInput, XhDatePickerLabel, XhDatePickerNextTrigger, XhDatePickerNextYearTrigger, XhDatePickerPositioner, XhDatePickerPreset, XhDatePickerPresetGroup, XhDatePickerPrevTrigger, XhDatePickerPrevYearTrigger, XhDatePickerRoot, XhDatePickerSegment, XhDatePickerSegmentGroup, XhDatePickerTimePanel, XhDatePickerTrigger, XhDatePickerWeekDay, XhDatePickerWeekNumber, XhDatePickerWeekRow };
+export { XhDatePickerCalendar, XhDatePickerCell, XhDatePickerCellTrigger, XhDatePickerClearTrigger, XhDatePickerConfirmTrigger, XhDatePickerContent, XhDatePickerControl, XhDatePickerGrid, XhDatePickerGridBody, XhDatePickerGridHead, XhDatePickerHeader, XhDatePickerHeading, XhDatePickerHeadingMonthTrigger, XhDatePickerHeadingYearTrigger, XhDatePickerHiddenInput, XhDatePickerItemDeleteTrigger, XhDatePickerLabel, XhDatePickerNextTrigger, XhDatePickerNextYearTrigger, XhDatePickerOverflowTag, XhDatePickerPositioner, XhDatePickerPreset, XhDatePickerPresetGroup, XhDatePickerPrevTrigger, XhDatePickerPrevYearTrigger, XhDatePickerRoot, XhDatePickerSegment, XhDatePickerSegmentGroup, XhDatePickerTag, XhDatePickerTagLabel, XhDatePickerTagList, 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":["/*\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 picker 相关实现。\n\nimport type { ControlVariant, Direction, Placement, Size, Tone } from '@xihan-ui/core'\nimport type {\n  CalendarCellProps,\n  CalendarGranularity,\n  CalendarPickerApi,\n  CalendarPickerSelectionMode,\n  CalendarView,\n  DateFieldSegmentState,\n  DatePickerApi,\n  DatePickerPreset,\n  DatePickerPresetState,\n  DatePickerSchema,\n  DatePickerTimeUnit,\n  DateSegmentSet,\n  DateSegmentType,\n  TimeHourCycle,\n  TimeStep,\n  TimeUnavailablePredicate,\n} from '@xihan-ui/headless'\nimport type { ComputedRef, PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { resolveDatePickerPanelIndex } 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  provideDatePicker,\n  provideDatePickerCell,\n  provideDatePickerPanel,\n  useDatePickerCellContext,\n  useDatePickerContext,\n  useDatePickerPanelContext,\n} from './context'\nimport { useDatePickerWithRoot } 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(() => resolveDatePickerPanelIndex(props.index, panel.index.value))\n}\n\n/** 默认插槽的载荷：选择器的开合与选中值、内嵌日历的展示数据、段位，以及改写值的句柄。 */\nexport type DatePickerRootSlotProps\n  = & Pick<\n    DatePickerApi,\n    | 'open'\n    | 'value'\n    | 'valueAsString'\n    | 'periodValue'\n    | 'focusedValue'\n    | 'canClear'\n    | 'setOpen'\n    | 'setValue'\n    | 'clear'\n  >\n  & Pick<\n    CalendarPickerApi,\n    | 'visibleMonth'\n    | 'panels'\n    | 'periods'\n    | 'weeks'\n    | 'weekDays'\n    | 'headingLabel'\n    | 'canGoPrev'\n    | 'canGoNext'\n  >\n  & {\n    segments: 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，Boolean 显式保留 undefined\n  props: {\n    value: { type: [String, Array] as PropType<string | string[]> },\n    defaultValue: { type: [String, Array] as PropType<string | string[]> },\n    open: { type: Boolean, default: undefined },\n    defaultOpen: Boolean,\n    min: { type: String },\n    max: { type: String },\n    locale: { type: String },\n    /** 周首日，0 = 星期日 … 6 = 星期六；不给按 locale。只改日历的表头、行首与 Home / End，月份名与星期名仍按 locale。 */\n    firstDayOfWeek: { type: Number },\n    timeZone: { type: String },\n    selectionMode: { type: String as PropType<CalendarPickerSelectionMode> },\n    /** multiple 下最多选几个周期；选满后日历里没选中的格子不可再加选，已选的仍可点掉。 */\n    maxSelected: { type: Number },\n    /** 选择粒度；与 selectionMode 正交，输入行铺设哪几段也跟随它。 */\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。 */\n    visibleCount: { type: Number },\n    /** 日历恒渲染六行，默认开启。关闭后翻页时浮层高度会随月份变化。 */\n    fixedWeeks: { type: Boolean, default: undefined },\n    /** 初始聚焦日，同时决定展开时先落在哪一页；未提供时退回首个选中值，再退回今天。 */\n    defaultFocusedValue: { type: String },\n    /** 快捷选项；提供后浮层中多出一列，日期要在自己的 computed 中计算后再传入。 */\n    presets: { type: Array as PropType<DatePickerPreset[]> },\n    isDateUnavailable: { type: Function as PropType<(value: string) => boolean> },\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    translations: { type: Object as PropType<DatePickerProps['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    showTime: { type: Boolean, default: undefined },\n    timeGranularity: { type: String as PropType<DatePickerSchema['props']['timeGranularity']> },\n    /** showTime 的小时制，默认 24；12 时多出上下午列与上下午段。 */\n    hourCycle: { type: Number as PropType<TimeHourCycle> },\n    /** showTime 时间列按单位的步进：`{ hour?, minute?, second? }`。 */\n    timeStep: { type: Object as PropType<TimeStep> },\n    /** showTime 时间列的逐格可选性：时列按 24 小时制给值，第三个参数带已选的时分与所属日期。 */\n    isTimeUnavailable: { type: Function as PropType<TimeUnavailablePredicate> },\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 rootRef = ref<HTMLElement | null>(null)\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 = useDatePickerWithRoot(withXhConfig('date-picker', useFormControlProps(props)) as DatePickerProps, {\n      onValueChange: notifyValue,\n      onOpenChange: notifyOpen,\n      onFocusedValueChange: notifyFocus,\n      onActiveViewChange: notifyActiveView,\n    }, rootRef)\n    provideDatePicker(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      valueAsString: ctx.api.value.valueAsString,\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      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  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    // role=group 的分段容器，也是换段时的查询边界\n    return () => h('div', ctx.api.value.getSegmentGroupProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDatePickerSegment = defineComponent({\n  name: 'XhDatePickerSegment',\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: DatePickerSegmentSlotProps) => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useDatePickerContext()\n    return () => {\n      const { field } = ctx.api.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 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({ ...fieldWiring.value, ...ctx.api.value.getTriggerProps() as Record<string, unknown> }), slots.default?.())\n  },\n})\n\nexport const XhDatePickerPositioner = defineComponent({\n  name: 'XhDatePickerPositioner',\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 = useDatePickerContext()\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 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 XhDatePickerPresetGroup = defineComponent({\n  name: 'XhDatePickerPresetGroup',\n  slots: Object as SlotsType<{\n    /** 自行铺设条目；未写时按 presets 数据自动铺设，两者产出的 DOM 一致。 */\n    default?: (props: DatePickerPresetsSlotProps) => VNode[]\n  }>,\n  // 根是片段（选项列节点 + 贴层的条子），Vue 不会把直通属性合上去：作者写的 class、style 与 data-* 自己接住落到列节点上\n  inheritAttrs: false,\n  setup(_, { slots, attrs }) {\n    const ctx = useDatePickerContext()\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 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\n/** 一列时间选项连同贴在它盒子上的竖条：每列一台滚动条机器，列数随 showSeconds 变时组件实例跟着增减。 */\nconst XhDatePickerTimeColumnHost = defineComponent({\n  name: 'XhDatePickerTimeColumnHost',\n  props: {\n    unit: { type: String as PropType<DatePickerTimeUnit>, required: true },\n  },\n  setup(props) {\n    const ctx = useDatePickerContext()\n    const timeColumnRef = ref<HTMLElement | null>(null)\n    // 定高的时间列自己竖滚：条子贴在本列的盒子上、紧跟在它后面（浮层 4px 档）\n    const bars = useScrollbars({\n      scrollable: () => timeColumnRef.value,\n      anchor: 'layer',\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 column = api.timeColumns.find(item => item.unit === props.unit)\n      if (!column)\n        return null\n      return [\n        h(\n          'div',\n          {\n            ...api.getTimeColumnProps({ unit: column.unit }) as Record<string, unknown>,\n            ref: (el: unknown) => { timeColumnRef.value = el as HTMLElement },\n          },\n          column.options.map(option =>\n            h(\n              'div',\n              { ...api.getTimeItemProps({ unit: column.unit, value: option }) as Record<string, unknown>, key: option },\n              api.getTimeItemText({ unit: column.unit, value: option }),\n            ),\n          ),\n        ),\n        ...bars.render(),\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(XhDatePickerTimeColumnHost, { unit: column.unit, key: column.unit }),\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] },\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] },\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] },\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] },\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] },\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  setup() {\n    const ctx = useDatePickerContext()\n    return () => h('input', ctx.api.value.field.getHiddenInputProps() as Record<string, unknown>)\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"date-picker.js","names":[],"sources":["../../../src/components/date-picker/date-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 picker 相关实现。\n\nimport type { ControlVariant, Direction, Placement, Size, Tone } from '@xihan-ui/core'\nimport type {\n  CalendarCellProps,\n  CalendarGranularity,\n  CalendarPickerApi,\n  CalendarPickerSelectionMode,\n  CalendarView,\n  DateFieldSegmentState,\n  DatePickerApi,\n  DatePickerPreset,\n  DatePickerPresetState,\n  DatePickerSchema,\n  DatePickerTimeUnit,\n  DateSegmentPlaceholders,\n  DateSegmentSet,\n  DateSegmentType,\n  TimeHourCycle,\n  TimeStep,\n  TimeUnavailablePredicate,\n} from '@xihan-ui/headless'\nimport type { ComputedRef, PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { resolveDatePickerPanelIndex } from '@xihan-ui/headless'\nimport { computed, defineComponent, h, mergeProps, onUpdated, ref } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { XhPortal } from '../../runtime/portal'\nimport { slotIsPlainText, slotPaints } from '../../runtime/slot-content'\nimport { useScrollbars } from '../../runtime/use-scrollbars'\nimport { withHandlers } from '../../runtime/with-handlers'\nimport { useFieldLabelWiring, useFieldStateWiring } from '../field/use-field-control'\nimport { useFormControlProps } from '../form/use-form-control'\nimport {\n  provideDatePicker,\n  provideDatePickerCell,\n  provideDatePickerPanel,\n  provideDatePickerTag,\n  useDatePickerCellContext,\n  useDatePickerContext,\n  useDatePickerPanelContext,\n  useDatePickerTagContext,\n} from './context'\nimport { useDatePickerWithRoot } 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(() => resolveDatePickerPanelIndex(props.index, panel.index.value))\n}\n\n/** 默认插槽的载荷：选择器的开合与选中值、内嵌日历的展示数据、段位，以及改写值的句柄。 */\nexport type DatePickerRootSlotProps\n  = & Pick<\n    DatePickerApi,\n    | 'open'\n    | 'value'\n    | 'valueAsString'\n    | 'periodValue'\n    | 'focusedValue'\n    | 'canClear'\n    | 'setOpen'\n    | 'setValue'\n    | 'clear'\n  >\n  & Pick<\n    CalendarPickerApi,\n    | 'visibleMonth'\n    | 'panels'\n    | 'periods'\n    | 'weeks'\n    | 'weekDays'\n    | 'headingLabel'\n    | 'canGoPrev'\n    | 'canGoNext'\n  >\n  & {\n    segments: 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，Boolean 显式保留 undefined\n  props: {\n    value: { type: [String, Array] as PropType<string | string[]> },\n    defaultValue: { type: [String, Array] as PropType<string | string[]> },\n    open: { type: Boolean, default: undefined },\n    defaultOpen: Boolean,\n    min: { type: String },\n    max: { type: String },\n    locale: { type: String },\n    /** 周首日，0 = 星期日 … 6 = 星期六；不给按 locale。只改日历的表头、行首与 Home / End，月份名与星期名仍按 locale。 */\n    firstDayOfWeek: { type: Number },\n    timeZone: { type: String },\n    selectionMode: { type: String as PropType<CalendarPickerSelectionMode> },\n    /** multiple 下最多选几个周期；选满后日历里没选中的格子不可再加选，已选的仍可点掉。 */\n    maxSelected: { type: Number },\n    /** 多选时输入行最多摆几枚标签，其余折进 +N 那一枚；默认 3。 */\n    maxTagCount: { type: Number },\n    /** 选择粒度；与 selectionMode 正交，输入行铺设哪几段也跟随它。 */\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    /** 占位。字符串是整条占位：一段都没填、焦点也不在段上时输入行显示这句文字，焦点进到段上即换回段位；对象是逐段的占位串，覆盖内置的 yyyy / mm / dd。 */\n    placeholder: { type: [String, Object] as PropType<string | DateSegmentPlaceholders> },\n    /** 并排展示几页；默认 1。 */\n    visibleCount: { type: Number },\n    /** 日历恒渲染六行，默认开启。关闭后翻页时浮层高度会随月份变化。 */\n    fixedWeeks: { type: Boolean, default: undefined },\n    /** 初始聚焦日，同时决定展开时先落在哪一页；未提供时退回首个选中值，再退回今天。 */\n    defaultFocusedValue: { type: String },\n    /** 快捷选项；提供后浮层中多出一列，日期要在自己的 computed 中计算后再传入。 */\n    presets: { type: Array as PropType<DatePickerPreset[]> },\n    isDateUnavailable: { type: Function as PropType<(value: string) => boolean> },\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    translations: { type: Object as PropType<DatePickerProps['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    showTime: { type: Boolean, default: undefined },\n    timeGranularity: { type: String as PropType<DatePickerSchema['props']['timeGranularity']> },\n    /** showTime 的小时制，默认 24；12 时多出上下午列与上下午段。 */\n    hourCycle: { type: Number as PropType<TimeHourCycle> },\n    /** showTime 时间列按单位的步进：`{ hour?, minute?, second? }`。 */\n    timeStep: { type: Object as PropType<TimeStep> },\n    /** showTime 时间列的逐格可选性：时列按 24 小时制给值，第三个参数带已选的时分与所属日期。 */\n    isTimeUnavailable: { type: Function as PropType<TimeUnavailablePredicate> },\n  },\n  // *-change 携带 details 对象，update:* 携带裸值；选中值恒为数组，单选时长度 ≤ 1\n  emits: {\n    'clear': () => true,\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 rootRef = ref<HTMLElement | null>(null)\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 = useDatePickerWithRoot(withHandlers(withXhConfig('date-picker', useFormControlProps(props)), { onClear: () => emit('clear') }) as DatePickerProps, {\n      onValueChange: notifyValue,\n      onOpenChange: notifyOpen,\n      onFocusedValueChange: notifyFocus,\n      onActiveViewChange: notifyActiveView,\n    }, rootRef)\n    provideDatePicker(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      valueAsString: ctx.api.value.valueAsString,\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      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\n/** 标签文字所在的块（tag 的 label）：截断规则挂在这一层。 */\nexport const XhDatePickerTagLabel = defineComponent({\n  name: 'XhDatePickerTagLabel',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    return () => h('span', ctx.api.value.getTagLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * 标签内容：只有文字时替它包一层 label：截断规则挂在 label 上，直接展开在 root 上的文字过长会把\n * 删除按钮挤出；作者自己写了节点则原样放行。库自身填入的文字（+N）恒包 label，三个适配器渲染出同一棵树。\n */\nfunction tagChildren(content: VNode[] | string | undefined): VNode[] | string | undefined {\n  if (typeof content === 'string')\n    return [h(XhDatePickerTagLabel, null, () => content)]\n  return slotIsPlainText(content) ? [h(XhDatePickerTagLabel, null, () => content)] : content\n}\n\n/** 标签中的删除按钮：即所在标签那份 tag 的 close-trigger，可及名使用 translations.deleteItem；点按摘掉所在标签的选中值，焦点不动。 */\nexport const XhDatePickerItemDeleteTrigger = defineComponent({\n  name: 'XhDatePickerItemDeleteTrigger',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    const tag = useDatePickerTagContext()\n    return () => h('button', ctx.api.value.getItemDeleteTriggerProps({ value: tag.value() }) as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 多选时一个选中值一个标签，即库内 tag 的 root（data-scope=\"tag\"）：语气、尺寸与禁用从日期选择器传下，形态按盒的面派生。 */\nexport const XhDatePickerTag = defineComponent({\n  name: 'XhDatePickerTag',\n  props: {\n    /** 它代表哪个选中值。 */\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useDatePickerContext()\n    provideDatePickerTag({ value: () => props.value })\n    return () => h('span', ctx.api.value.getTagProps({ value: props.value }) as Record<string, unknown>, tagChildren(slots.default?.()))\n  },\n})\n\n/** 折叠的标签合成的一个标签：同样是 tag 的 root；有插槽时使用插槽，否则显示 +N。没有折叠的标签时连接层写 hidden。 */\nexport const XhDatePickerOverflowTag = defineComponent({\n  name: 'XhDatePickerOverflowTag',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    return () => h(\n      'span',\n      ctx.api.value.getOverflowTagProps() as Record<string, unknown>,\n      tagChildren(slots.default?.() ?? ctx.api.value.overflowText),\n    )\n  },\n})\n\n/**\n * 标签行：多选时放在盒里、触发钮之前；没有选中时承载整条占位，单选时连接层给 hidden。\n * 不写插槽即按 tags 铺出带删除钮的标签与 +N 那一枚，写了插槽由作者自己铺。\n */\nexport const XhDatePickerTagList = defineComponent({\n  name: 'XhDatePickerTagList',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    return () => h('span', ctx.api.value.getTagListProps() as Record<string, unknown>, slots.default\n      ? slots.default()\n      : [\n          ...ctx.api.value.tags.map(tag => h(XhDatePickerTag, { key: tag.value, value: tag.value }, () => [\n            h(XhDatePickerTagLabel, null, () => tag.label),\n            h(XhDatePickerItemDeleteTrigger),\n          ])),\n          h(XhDatePickerOverflowTag),\n        ])\n  },\n})\n\nexport const XhDatePickerSegmentGroup = defineComponent({\n  name: 'XhDatePickerSegmentGroup',\n  setup(_, { slots }) {\n    const ctx = useDatePickerContext()\n    // role=group 的分段容器，也是换段时的查询边界\n    return () => h('div', ctx.api.value.getSegmentGroupProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDatePickerSegment = defineComponent({\n  name: 'XhDatePickerSegment',\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: DatePickerSegmentSlotProps) => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useDatePickerContext()\n    return () => {\n      const { field } = ctx.api.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 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({ ...fieldWiring.value, ...ctx.api.value.getTriggerProps() as Record<string, unknown> }), slots.default?.())\n  },\n})\n\nexport const XhDatePickerPositioner = defineComponent({\n  name: 'XhDatePickerPositioner',\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 = useDatePickerContext()\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        present: ctx.visible.value,\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 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 XhDatePickerPresetGroup = defineComponent({\n  name: 'XhDatePickerPresetGroup',\n  slots: Object as SlotsType<{\n    /** 自行铺设条目；未写时按 presets 数据自动铺设，两者产出的 DOM 一致。 */\n    default?: (props: DatePickerPresetsSlotProps) => VNode[]\n  }>,\n  // 根是片段（选项列节点 + 贴层的条子），Vue 不会把直通属性合上去：作者写的 class、style 与 data-* 自己接住落到列节点上\n  inheritAttrs: false,\n  setup(_, { slots, attrs }) {\n    const ctx = useDatePickerContext()\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 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\n/** 一列时间选项连同贴在它盒子上的竖条：每列一台滚动条机器，列数随 showSeconds 变时组件实例跟着增减。 */\nconst XhDatePickerTimeColumnHost = defineComponent({\n  name: 'XhDatePickerTimeColumnHost',\n  props: {\n    unit: { type: String as PropType<DatePickerTimeUnit>, required: true },\n  },\n  setup(props) {\n    const ctx = useDatePickerContext()\n    const timeColumnRef = ref<HTMLElement | null>(null)\n    // 定高的时间列自己竖滚：条子贴在本列的盒子上、紧跟在它后面（浮层 4px 档）\n    const bars = useScrollbars({\n      scrollable: () => timeColumnRef.value,\n      anchor: 'layer',\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 column = api.timeColumns.find(item => item.unit === props.unit)\n      if (!column)\n        return null\n      return [\n        h(\n          'div',\n          {\n            ...api.getTimeColumnProps({ unit: column.unit }) as Record<string, unknown>,\n            ref: (el: unknown) => { timeColumnRef.value = el as HTMLElement },\n          },\n          column.options.map(option =>\n            h(\n              'div',\n              { ...api.getTimeItemProps({ unit: column.unit, value: option }) as Record<string, unknown>, key: option },\n              api.getTimeItemText({ unit: column.unit, value: option }),\n            ),\n          ),\n        ),\n        ...bars.render(),\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(XhDatePickerTimeColumnHost, { unit: column.unit, key: column.unit }),\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] },\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] },\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] },\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] },\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] },\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  setup() {\n    const ctx = useDatePickerContext()\n    // 多选时一个选中值一份同名输入，表单按原生多值收；单选仍是一份\n    return () => ctx.api.value.selectionMode === 'multiple'\n      ? ctx.api.value.value.map(value => h('input', { key: value, ...ctx.api.value.field.getHiddenInputProps({ value }) as Record<string, unknown> }))\n      : h('input', ctx.api.value.field.getHiddenInputProps() as Record<string, unknown>)\n  },\n})\n"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import { PayloadOf } from "../../runtime/payload.js";
 import { PropType, SlotsType, VNode } from "vue";
 import { ControlVariant, Direction, Placement, Size, Tone } from "@xihan-ui/core";
-import { CalendarGranularity, CalendarRangePickerApi, CalendarView, DateFieldSegmentState, DateRangePickerApi, DateRangePickerEndIndex, DateRangePickerPreset, DateRangePickerPresetState, DateRangePickerSchema, DateSegmentSet, DateSegmentType, TimeHourCycle, TimeStep, TimeUnavailablePredicate } from "@xihan-ui/headless";
+import { CalendarGranularity, CalendarRangePickerApi, CalendarView, DateFieldSegmentState, DateRangePickerApi, DateRangePickerEndIndex, DateRangePickerPreset, DateRangePickerPresetState, DateRangePickerSchema, DateSegmentPlaceholders, DateSegmentSet, DateSegmentType, TimeHourCycle, TimeStep, TimeUnavailablePredicate } from "@xihan-ui/headless";
 //#region src/components/date-range-picker/date-range-picker.d.ts
 type DateRangePickerProps = DateRangePickerSchema['props'];
 /** 默认插槽的载荷：选择器的开合与两端、内嵌范围日历的展示数据、两组段位，以及改写值的句柄。 */
@@ -60,6 +60,18 @@ declare const XhDateRangePickerRoot: import("vue").DefineComponent<import("vue")
   segments: {
     type: PropType<DateSegmentSet>;
   };
+  /** 逐段的占位串，两组段位共用，覆盖内置的 yyyy / mm / dd。 */
+  placeholder: {
+    type: PropType<DateSegmentPlaceholders>;
+  };
+  /** 起点那组段位的整条占位：一段都没填、焦点也不在段上时显示这句文字，焦点进到段上即换回段位。 */
+  startPlaceholder: {
+    type: StringConstructor;
+  };
+  /** 终点那组段位的整条占位，规则同 startPlaceholder。 */
+  endPlaceholder: {
+    type: StringConstructor;
+  };
   /** 并排展示几页；默认 1，起止常跨月时可设为 2。 */
   visibleCount: {
     type: NumberConstructor;
@@ -164,6 +176,7 @@ declare const XhDateRangePickerRoot: import("vue").DefineComponent<import("vue")
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  clear: () => true;
   'value-change': (_details: PayloadOf<DateRangePickerProps, "onValueChange">) => true;
   'open-change': (_details: PayloadOf<DateRangePickerProps, "onOpenChange">) => true;
   'focused-value-change': (_details: PayloadOf<DateRangePickerProps, "onFocusedValueChange">) => true;
@@ -214,6 +227,18 @@ declare const XhDateRangePickerRoot: import("vue").DefineComponent<import("vue")
   segments: {
     type: PropType<DateSegmentSet>;
   };
+  /** 逐段的占位串，两组段位共用，覆盖内置的 yyyy / mm / dd。 */
+  placeholder: {
+    type: PropType<DateSegmentPlaceholders>;
+  };
+  /** 起点那组段位的整条占位：一段都没填、焦点也不在段上时显示这句文字，焦点进到段上即换回段位。 */
+  startPlaceholder: {
+    type: StringConstructor;
+  };
+  /** 终点那组段位的整条占位，规则同 startPlaceholder。 */
+  endPlaceholder: {
+    type: StringConstructor;
+  };
   /** 并排展示几页；默认 1，起止常跨月时可设为 2。 */
   visibleCount: {
     type: NumberConstructor;
@@ -318,6 +343,7 @@ declare const XhDateRangePickerRoot: import("vue").DefineComponent<import("vue")
 }>> & Readonly<{
   "onValue-change"?: ((_details: import("@xihan-ui/headless").DateRangePickerValueChangeDetails) => any) | undefined;
   "onUpdate:value"?: ((_value: string[]) => any) | undefined;
+  onClear?: (() => any) | undefined;
   "onOpen-change"?: ((_details: import("@xihan-ui/headless").DateRangePickerOpenChangeDetails) => any) | undefined;
   "onUpdate:open"?: ((_open: boolean) => any) | undefined;
   "onFocused-value-change"?: ((_details: import("@xihan-ui/headless").DateRangePickerFocusChangeDetails) => any) | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"date-range-picker.d.ts","names":[],"sources":["../../../src/components/date-range-picker/date-range-picker.ts"],"mappings":"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"}
+{"version":3,"file":"date-range-picker.d.ts","names":[],"sources":["../../../src/components/date-range-picker/date-range-picker.ts"],"mappings":"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"}

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

@@ -2,6 +2,7 @@ import { withXhConfig } from "../../config/config.js";
 import { XhPortal } from "../../runtime/portal.js";
 import { slotPaints } from "../../runtime/slot-content.js";
 import { useScrollbars } from "../../runtime/use-scrollbars.js";
+import { withHandlers } from "../../runtime/with-handlers.js";
 import { useFormControlProps } from "../form/use-form-control.js";
 import { useFieldLabelWiring, useFieldStateWiring } from "../field/use-field-control.js";
 import { provideDateRangePicker, provideDateRangePickerCell, provideDateRangePickerPanel, provideDateRangePickerSegmentGroup, useDateRangePickerCellContext, useDateRangePickerContext, useDateRangePickerPanelContext, useDateRangePickerSegmentGroupContext } from "./context.js";
@@ -40,6 +41,12 @@ const XhDateRangePickerRoot = defineComponent({
 		activeView: { type: String },
 		/** 输入行铺设哪几段；未提供时按 granularity 推导。 */
 		segments: { type: Array },
+		/** 逐段的占位串，两组段位共用，覆盖内置的 yyyy / mm / dd。 */
+		placeholder: { type: Object },
+		/** 起点那组段位的整条占位：一段都没填、焦点也不在段上时显示这句文字，焦点进到段上即换回段位。 */
+		startPlaceholder: { type: String },
+		/** 终点那组段位的整条占位，规则同 startPlaceholder。 */
+		endPlaceholder: { type: String },
 		/** 并排展示几页；默认 1，起止常跨月时可设为 2。 */
 		visibleCount: { type: Number },
 		/** 日历恒渲染六行，默认开启。关闭后翻页时浮层高度会随月份变化。 */
@@ -105,6 +112,7 @@ const XhDateRangePickerRoot = defineComponent({
 		activeIndex: { type: Number }
 	},
 	emits: {
+		"clear": () => true,
 		"value-change": (_details) => true,
 		"open-change": (_details) => true,
 		"focused-value-change": (_details) => true,
@@ -135,7 +143,7 @@ const XhDateRangePickerRoot = defineComponent({
 			emit("active-index-change", details);
 			emit("update:activeIndex", details.activeIndex);
 		};
-		const ctx = useDateRangePickerWithRoot(withXhConfig("date-range-picker", useFormControlProps(props)), {
+		const ctx = useDateRangePickerWithRoot(withHandlers(withXhConfig("date-range-picker", useFormControlProps(props)), { onClear: () => emit("clear") }), {
 			onValueChange: notifyValue,
 			onOpenChange: notifyOpen,
 			onFocusedValueChange: notifyFocus,
@@ -269,6 +277,7 @@ container: { type: Object } },
 			return h(XhPortal, {
 				to: target,
 				source: ctx.controlRef,
+				present: ctx.visible.value,
 				disabled: props.container == null && typeof target === "string"
 			}, () => [h("div", {
 				...mergeProps(ctx.api.value.getPositionerProps(), attrs),