npm - @xihan-ui/vue - Versions diffs - 3.0.0 → 3.1.0 - Mend

@xihan-ui/vue 3.0.0 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (168) hide show

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

	@@ -1 +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":";;;;;;;;;;;;;;;AAoDA,SAAS,cAAc,OAAyD;CAC9E,MAAM,QAAQ,0BAA0B;CACxC,OAAO,eAAe,4BAA4B,MAAM,OAAO,MAAM,MAAM,KAAK,CAAC;AACnF;AAyCA,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CAEN,OAAO;EACL,OAAO,EAAE,MAAM,CAAC,QAAQ,KAAK,EAAiC;EAC9D,cAAc,EAAE,MAAM,CAAC,QAAQ,KAAK,EAAiC;EACrE,MAAM;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC1C,aAAa;EACb,KAAK,EAAE,MAAM,OAAO;EACpB,KAAK,EAAE,MAAM,OAAO;EACpB,QAAQ,EAAE,MAAM,OAAO;;EAEvB,gBAAgB,EAAE,MAAM,OAAO;EAC/B,UAAU,EAAE,MAAM,OAAO;EACzB,eAAe,EAAE,MAAM,OAAgD;;EAEvE,aAAa,EAAE,MAAM,OAAO;;EAE5B,aAAa,EAAE,MAAM,OAAwC;;EAE7D,YAAY,EAAE,MAAM,OAAiC;;EAErD,UAAU,EAAE,MAAM,MAAkC;;EAEpD,cAAc,EAAE,MAAM,OAAO;;EAE7B,YAAY;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;;EAEhD,qBAAqB,EAAE,MAAM,OAAO;;EAEpC,SAAS,EAAE,MAAM,MAAsC;EACvD,mBAAmB,EAAE,MAAM,SAAiD;EAC5E,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,SAAS;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC7C,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,MAAM,EAAE,MAAM,OAAO;EACrB,cAAc,EAAE,MAAM,OAAoD;EAC1E,SAAS,EAAE,MAAM,OAAmC;EACpD,MAAM,EAAE,MAAM,OAAyB;EACvC,MAAM,EAAE,MAAM,OAAyB;EACvC,WAAW,EAAE,MAAM,OAA8B;EACjD,QAAQ,EAAE,MAAM,OAAO;;EAEvB,KAAK,EAAE,MAAM,OAA8B;EAC3C,eAAe;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EACnD,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,iBAAiB,EAAE,MAAM,OAAiE;;EAE1F,WAAW,EAAE,MAAM,OAAkC;;EAErD,UAAU,EAAE,MAAM,OAA6B;;EAE/C,mBAAmB,EAAE,MAAM,SAA+C;CAC5E;CAEA,OAAO;EACL,iBAAiB,aAA0D;EAC3E,gBAAgB,aAAyD;EACzE,yBAAyB,aAAiE;EAC1F,uBAAuB,aAA+D;EACtF,iBAAiB,WAAiE;EAClF,gBAAgB,UAA8D;EAC9E,sBAAsB,UAA0E;CAClG;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,UAAU,IAAwB,IAAI;EAC5C,MAAM,eAAiD,YAAY;GACjE,KAAK,gBAAgB,OAAO;GAC5B,KAAK,gBAAgB,QAAQ,KAAK;EACpC;EACA,MAAM,cAA+C,YAAY;GAC/D,KAAK,eAAe,OAAO;GAC3B,KAAK,eAAe,QAAQ,IAAI;EAClC;EAEA,MAAM,eAAuD,YAAW,KAAK,wBAAwB,OAAO;EAC5G,MAAM,oBAA2D,YAAY;GAC3E,KAAK,sBAAsB,OAAO;GAClC,KAAK,qBAAqB,QAAQ,UAAU;EAC9C;EACA,MAAM,MAAM,sBAAsB,aAAa,eAAe,oBAAoB,KAAK,CAAC,GAAsB;GAC5G,eAAe;GACf,cAAc;GACd,sBAAsB;GACtB,oBAAoB;EACtB,GAAG,OAAO;EACV,kBAAkB,GAAG;EAErB,aAAa,EAAE,OAAO;GAAE,GAAG,IAAI,IAAI,MAAM,aAAa;GAA8B,KAAK;EAAQ,GAAG,MAAM,UAAU;GAClH,MAAM,IAAI,IAAI,MAAM;GACpB,OAAO,IAAI,IAAI,MAAM;GACrB,eAAe,IAAI,IAAI,MAAM;GAC7B,aAAa,IAAI,IAAI,MAAM;GAC3B,cAAc,IAAI,IAAI,MAAM;GAC5B,cAAc,IAAI,IAAI,MAAM,SAAS;GACrC,QAAQ,IAAI,IAAI,MAAM,SAAS;GAC/B,SAAS,IAAI,IAAI,MAAM,SAAS;GAChC,OAAO,IAAI,IAAI,MAAM,SAAS;GAC9B,UAAU,IAAI,IAAI,MAAM,SAAS;GACjC,cAAc,IAAI,IAAI,MAAM,SAAS;GACrC,WAAW,IAAI,IAAI,MAAM,SAAS;GAClC,WAAW,IAAI,IAAI,MAAM,SAAS;GAClC,UAAU,IAAI,IAAI,MAAM,MAAM;GAC9B,UAAU,IAAI,IAAI,MAAM;GACxB,SAAS,IAAI,IAAI,MAAM;GACvB,UAAU,IAAI,IAAI,MAAM;GACxB,OAAO,IAAI,IAAI,MAAM;EACvB,CAAC,CAAC;CACJ;AACF,CAAC;AAED,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EAEjC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC;AAED,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,OAAO;GACpB,GAAG,IAAI,IAAI,MAAM,gBAAgB;GACjC,MAAM,OAAgB;IAAE,IAAI,WAAW,QAAQ;GAAkB;EACnE,GAAG,MAAM,UAAU,CAAC;CACtB;AACF,CAAC;AAED,MAAa,2BAA2B,gBAAgB;CACtD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EAEjC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,qBAAqB,GAA8B,MAAM,UAAU,CAAC;CAC1G;AACF,CAAC;AAED,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,OAAO;EAEL,OAAO,EAAE,MAAM,CAAC,QAAQ,MAAM,EAA+B;;EAE7D,SAAS,EAAE,MAAM,OAAoC;CACvD;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,qBAAqB;EACjC,aAAa;GACX,MAAM,EAAE,UAAU,IAAI,IAAI;GAE1B,MAAM,WAAW,MAAM,WAAW,OAC9B,EAAE,SAAS,MAAM,QAAQ,IACzB,EAAE,OAAO,KAAK,MAAM,OAAO,MAAM,KAAK,CAAC,EAAE;GAC7C,MAAM,QAAQ,MAAM,UAAU,QAAQ;GAEtC,OAAO,EACL,OACA,MAAM,gBAAgB,QAAQ,GAC9B,MAAM,UAAU,MAAM,QAAQ,EAAE,SAAS,MAAM,CAAC,IAAI,OAAO,IAC7D;EACF;CACF;AACF,CAAC;AAED,MAAa,2BAA2B,gBAAgB;CACtD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,qBAAqB,GAA8B,MAAM,UAAU,CAAC;CAC7G;AACF,CAAC;AAED,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAElB,MAAM,cAAc,oBAAoB;EAExC,MAAM,aAAa,oBAAoB;EACvC,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,UAAU,WAAW,MAAM;GAAE,GAAG,YAAY;GAAO,GAAG,IAAI,IAAI,MAAM,gBAAgB;EAA6B,CAAC,GAAG,MAAM,UAAU,CAAC;CACvJ;AACF,CAAC;AAED,MAAa,yBAAyB,gBAAgB;CACpD,MAAM;CACN,OAAO;;AAEL,WAAW,EAAE,MAAM,OAA4B,EACjD;CAEA,cAAc;CACd,MAAM,OAAO,EAAE,OAAO,SAAS;EAC7B,MAAM,MAAM,qBAAqB;EAGjC,MAAM,OAAO,cAAc;GACzB,kBAAkB,IAAI,WAAW;GACjC,OAAO,IAAI,SAAS,KAAK;GACzB,MAAM,CAAC,YAAY,YAAY;GAC/B,cAAc;IAAE,KAAM,IAAI,IAAI,MAAM,mBAAmB,CAAC,CAAyB;IAAK,MAAM;GAAK;EACnG,CAAC;EAED,aAAa;GACX,MAAM,SAAS,MAAM,aAAa,IAAI,aAAa;GACnD,OAAO,EAAE,UAAU;IACjB,IAAI;IACJ,QAAQ,IAAI;IAEZ,UAAU,MAAM,aAAa,QAAQ,OAAO,WAAW;GACzD,SAAS,CACP,EAAE,OAAO;IACP,GAAG,WAAW,IAAI,IAAI,MAAM,mBAAmB,GAA8B,KAAK;IAClF,MAAM,OAAgB;KAAE,IAAI,cAAc,QAAQ;IAAkB;GACtE,GAAG,CAAC,GAAI,MAAM,UAAU,KAAK,CAAC,GAAI,GAAG,KAAK,OAAO,CAAC,CAAC,CACrD,CAAC;EACH;CACF;AACF,CAAC;AAED,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,OAAO;GACpB,GAAG,IAAI,IAAI,MAAM,gBAAgB;GAGjC,OAAO,IAAI,QAAQ,QAAQ,KAAA,IAAY,EAAE,SAAS,OAAO;GACzD,MAAM,OAAgB;IAAE,IAAI,WAAW,QAAQ;GAAkB;EACnE,GAAG,MAAM,UAAU,CAAC;CACtB;AACF,CAAC;AAID,MAAa,uBAAuB,gBAAgB;CAClD,MAAM;CACN,OAAO;;AAEL,OAAO;EAAE,MAAM,CAAC,QAAQ,MAAM;EAAG,SAAS;CAAE,EAC9C;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,qBAAqB;EACjC,uBAAuB,EAAE,OAAO,cAAc,KAAK,EAAE,CAAC;EAEtD,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,iBAAiB,GAA8B,MAAM,UAAU,CAAC;CACtG;AACF,CAAC;AAED,MAAa,0BAA0B,gBAAgB;CACrD,MAAM;CACN,OAAO;CAKP,cAAc;CACd,MAAM,GAAG,EAAE,OAAO,SAAS;EACzB,MAAM,MAAM,qBAAqB;EACjC,MAAM,iBAAiB,IAAwB,IAAI;EAEnD,MAAM,OAAO,cAAc;GACzB,kBAAkB,eAAe;GACjC,QAAQ;GACR,MAAM,CAAC,YAAY,YAAY;GAC/B,cAAc;IAAE,KAAM,IAAI,IAAI,MAAM,mBAAmB,CAAC,CAAyB;IAAK,MAAM;GAAK;EACnG,CAAC;EACD,gBAAgB,KAAK,QAAQ,CAAC;EAC9B,aAAa;GACX,MAAM,MAAM,IAAI,IAAI;GACpB,MAAM,WAAW,MAAM,UAAU,EAAE,SAAS,IAAI,QAAQ,CAAC;GACzD,OAAO,CACL,EACE,OACA;IACE,GAAG,WAAW,IAAI,oBAAoB,GAA8B,KAAK;IACzE,MAAM,OAAgB;KAAE,eAAe,QAAQ;IAAkB;GACnE,GACA,WAAW,QAAQ,IACf,WACA,IAAI,QAAQ,KAAI,WAAU,EACxB,OACA;IAAE,GAAG,IAAI,eAAe,EAAE,OAAO,OAAO,MAAM,CAAC;IAA8B,KAAK,OAAO;GAAM,GAC/F,OAAO,KACT,CAAC,CACP,GACA,GAAG,KAAK,OAAO,CACjB;EACF;CACF;AACF,CAAC;AAED,MAAa,qBAAqB,gBAAgB;CAChD,MAAM;CACN,OAAO;;AAEL,OAAO;EAAE,MAAM;EAAQ,UAAU;CAAK,EACxC;CACA,OAAO;CAIP,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,qBAAqB;EACjC,aAAa;GACX,MAAM,MAAM,IAAI,IAAI;GACpB,MAAM,WAAW,MAAM,UAAU;GACjC,OAAO,EACL,OACA,IAAI,eAAe,EAAE,OAAO,MAAM,MAAM,CAAC,GACzC,WAAW,QAAQ,IAAI,WAAW,IAAI,QAAQ,MAAK,MAAK,EAAE,UAAU,MAAM,KAAK,CAAC,EAAE,KACpF;EACF;CACF;AACF,CAAC;;AAGD,MAAM,6BAA6B,gBAAgB;CACjD,MAAM;CACN,OAAO,EACL,MAAM;EAAE,MAAM;EAAwC,UAAU;CAAK,EACvE;CACA,MAAM,OAAO;EACX,MAAM,MAAM,qBAAqB;EACjC,MAAM,gBAAgB,IAAwB,IAAI;EAElD,MAAM,OAAO,cAAc;GACzB,kBAAkB,cAAc;GAChC,QAAQ;GACR,cAAc;IAAE,KAAM,IAAI,IAAI,MAAM,mBAAmB,CAAC,CAAyB;IAAK,MAAM;GAAK;EACnG,CAAC;EACD,gBAAgB,KAAK,QAAQ,CAAC;EAC9B,aAAa;GACX,MAAM,MAAM,IAAI,IAAI;GACpB,MAAM,SAAS,IAAI,YAAY,MAAK,SAAQ,KAAK,SAAS,MAAM,IAAI;GACpE,IAAI,CAAC,QACH,OAAO;GACT,OAAO,CACL,EACE,OACA;IACE,GAAG,IAAI,mBAAmB,EAAE,MAAM,OAAO,KAAK,CAAC;IAC/C,MAAM,OAAgB;KAAE,cAAc,QAAQ;IAAkB;GAClE,GACA,OAAO,QAAQ,KAAI,WACjB,EACE,OACA;IAAE,GAAG,IAAI,iBAAiB;KAAE,MAAM,OAAO;KAAM,OAAO;IAAO,CAAC;IAA8B,KAAK;GAAO,GACxG,IAAI,gBAAgB;IAAE,MAAM,OAAO;IAAM,OAAO;GAAO,CAAC,CAC1D,CACF,CACF,GACA,GAAG,KAAK,OAAO,CACjB;EACF;CACF;AACF,CAAC;AAED,MAAa,wBAAwB,gBAAgB;CACnD,MAAM;CACN,QAAQ;EACN,MAAM,MAAM,qBAAqB;EAEjC,aAAa,IAAI,IAAI,MAAM,YAAY,KAAI,WACzC,EAAE,4BAA4B;GAAE,MAAM,OAAO;GAAM,KAAK,OAAO;EAAK,CAAC,CACvE;CACF;AACF,CAAC;AAED,MAAa,6BAA6B,gBAAgB;CACxD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,uBAAuB,GAA8B,MAAM,UAAU,CAAC;CAC/G;AACF,CAAC;AAED,MAAa,qBAAqB,gBAAgB;CAChD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,SAAS,eAAe,GAA8B,MAAM,UAAU,CAAC;CAC7G;AACF,CAAC;AAED,MAAa,8BAA8B,gBAAgB;CACzD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,SAAS,wBAAwB,GAA8B,MAAM,UAAU,CAAC;CACzH;AACF,CAAC;AAED,MAAa,0BAA0B,gBAAgB;CACrD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,SAAS,oBAAoB,GAA8B,MAAM,UAAU,CAAC;CACrH;AACF,CAAC;AAED,MAAa,0BAA0B,gBAAgB;CACrD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,SAAS,oBAAoB,GAA8B,MAAM,UAAU,CAAC;CACrH;AACF,CAAC;AAED,MAAa,8BAA8B,gBAAgB;CACzD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,SAAS,wBAAwB,GAA8B,MAAM,UAAU,CAAC;CACzH;AACF,CAAC;AAED,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,OAAO;;AAEL,OAAO,EAAE,MAAM,CAAC,QAAQ,MAAM,EAAE,EAClC;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,qBAAqB;EACjC,MAAM,QAAQ,cAAc,KAAK;EAEjC,aAAa,EACX,OACA,IAAI,IAAI,MAAM,SAAS,gBAAgB,EAAE,OAAO,MAAM,MAAM,CAAC,GAC7D,MAAM,UAAU,KAAM,IAAI,IAAI,MAAM,SAAS,OAAO,MAAM,MAAM,EAAE,gBAAgB,IAAI,IAAI,MAAM,SAAS,YAC3G;CACF;AACF,CAAC;AAED,MAAa,iCAAiC,gBAAgB;CAC5D,MAAM;CACN,OAAO;;AAEL,OAAO,EAAE,MAAM,CAAC,QAAQ,MAAM,EAAE,EAClC;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,qBAAqB;EACjC,MAAM,QAAQ,cAAc,KAAK;EAEjC,aAAa,EACX,UACA,IAAI,IAAI,MAAM,SAAS,2BAA2B,EAAE,OAAO,MAAM,MAAM,CAAC,GACxE,MAAM,UAAU,KAAK,IAAI,IAAI,MAAM,SAAS,OAAO,MAAM,MAAM,EAAE,WACnE;CACF;AACF,CAAC;AAED,MAAa,kCAAkC,gBAAgB;CAC7D,MAAM;CACN,OAAO;;AAEL,OAAO,EAAE,MAAM,CAAC,QAAQ,MAAM,EAAE,EAClC;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,qBAAqB;EACjC,MAAM,QAAQ,cAAc,KAAK;EACjC,aAAa,EACX,UACA,IAAI,IAAI,MAAM,SAAS,4BAA4B,EAAE,OAAO,MAAM,MAAM,CAAC,GACzE,MAAM,UAAU,KAAK,IAAI,IAAI,MAAM,SAAS,OAAO,MAAM,MAAM,EAAE,YACnE;CACF;AACF,CAAC;AAED,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,OAAO;;AAEL,OAAO,EAAE,MAAM,CAAC,QAAQ,MAAM,EAAE,EAClC;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,qBAAqB;EACjC,MAAM,QAAQ,cAAc,KAAK;EACjC,aAAa,EACX,OACA;GACE,GAAG,IAAI,IAAI,MAAM,SAAS,aAAa,EAAE,OAAO,MAAM,MAAM,CAAC;GAE7D,KAAK,MAAM,UAAU,IAAI,IAAI,UAAU,KAAA;EACzC,GACA,MAAM,UAAU,CAClB;CACF;AACF,CAAC;AAED,MAAa,uBAAuB,gBAAgB;CAClD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,SAAS,iBAAiB,GAA8B,MAAM,UAAU,CAAC;CAC/G;AACF,CAAC;AAED,MAAa,uBAAuB,gBAAgB;CAClD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,SAAS,iBAAiB,GAA8B,MAAM,UAAU,CAAC;CAC/G;AACF,CAAC;AAGD,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,SAAS,gBAAgB,GAA8B,MAAM,UAAU,CAAC;CAC9G;AACF,CAAC;AAED,MAAa,yBAAyB,gBAAgB;CACpD,MAAM;CACN,OAAO;;AAEL,OAAO;EAAE,MAAM;EAAQ,UAAU;CAAK,EACxC;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,qBAAqB;EAEjC,aAAa,EACX,QACA,IAAI,IAAI,MAAM,SAAS,mBAAmB,EAAE,OAAO,MAAM,MAAM,CAAC,GAChE,MAAM,UAAU,KAAK,IAAI,IAAI,MAAM,SAAS,kBAAkB,EAAE,OAAO,MAAM,MAAM,CAAC,CACtF;CACF;AACF,CAAC;AAED,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,OAAO,EAEL,OAAO;EAAE,MAAM,CAAC,QAAQ,MAAM;EAAgC,UAAU;CAAK,EAC/E;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,qBAAqB;EACjC,MAAM,QAAQ,eAAe,OAAO,MAAM,KAAK,CAAC;EAChD,aAAa,EACX,QACA,IAAI,IAAI,MAAM,SAAS,gBAAgB,EAAE,OAAO,MAAM,MAAM,CAAC,GAC7D,MAAM,UAAU,KAAK,IAAI,IAAI,MAAM,SAAS,SAAS,MAAM,MAAM,EAAE,KACrE;CACF;AACF,CAAC;AAED,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,OAAO;;EAEL,OAAO;GAAE,MAAM;GAAQ,UAAU;EAAK;;;;;EAKtC,OAAO,EAAE,MAAM,CAAC,QAAQ,MAAM,EAAE;CAClC;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,qBAAqB;EACjC,MAAM,QAAQ,cAAc,KAAK;EACjC,MAAM,OAAO,gBAAmC;GAAE,OAAO,MAAM;GAAO,OAAO,MAAM;EAAM,EAAE;EAC3F,sBAAsB,EAAE,KAAK,CAAC;EAE9B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,SAAS,aAAa,KAAK,KAAK,GAA8B,MAAM,UAAU,CAAC;CACrH;AACF,CAAC;AAED,MAAa,0BAA0B,gBAAgB;CACrD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,MAAM,EAAE,SAAS,yBAAyB;EAC1C,aAAa,EACX,OACA,IAAI,IAAI,MAAM,SAAS,oBAAoB,KAAK,KAAK,GACrD,MAAM,UAAU,CAClB;CACF;AACF,CAAC;AAED,MAAa,0BAA0B,gBAAgB;CACrD,MAAM;CACN,QAAQ;EACN,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,SAAS,IAAI,IAAI,MAAM,MAAM,oBAAoB,CAA4B;CAC9F;AACF,CAAC"}
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 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 // 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":";;;;;;;;;;;;;;;;AAwDA,SAAS,cAAc,OAAyD;CAC9E,MAAM,QAAQ,0BAA0B;CACxC,OAAO,eAAe,4BAA4B,MAAM,OAAO,MAAM,MAAM,KAAK,CAAC;AACnF;AAyCA,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CAEN,OAAO;EACL,OAAO,EAAE,MAAM,CAAC,QAAQ,KAAK,EAAiC;EAC9D,cAAc,EAAE,MAAM,CAAC,QAAQ,KAAK,EAAiC;EACrE,MAAM;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC1C,aAAa;EACb,KAAK,EAAE,MAAM,OAAO;EACpB,KAAK,EAAE,MAAM,OAAO;EACpB,QAAQ,EAAE,MAAM,OAAO;;EAEvB,gBAAgB,EAAE,MAAM,OAAO;EAC/B,UAAU,EAAE,MAAM,OAAO;EACzB,eAAe,EAAE,MAAM,OAAgD;;EAEvE,aAAa,EAAE,MAAM,OAAO;;EAE5B,aAAa,EAAE,MAAM,OAAO;;EAE5B,aAAa,EAAE,MAAM,OAAwC;;EAE7D,YAAY,EAAE,MAAM,OAAiC;;EAErD,UAAU,EAAE,MAAM,MAAkC;;EAEpD,aAAa,EAAE,MAAM,CAAC,QAAQ,MAAM,EAAgD;;EAEpF,cAAc,EAAE,MAAM,OAAO;;EAE7B,YAAY;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;;EAEhD,qBAAqB,EAAE,MAAM,OAAO;;EAEpC,SAAS,EAAE,MAAM,MAAsC;EACvD,mBAAmB,EAAE,MAAM,SAAiD;EAC5E,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,SAAS;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC7C,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,MAAM,EAAE,MAAM,OAAO;EACrB,cAAc,EAAE,MAAM,OAAoD;EAC1E,SAAS,EAAE,MAAM,OAAmC;EACpD,MAAM,EAAE,MAAM,OAAyB;EACvC,MAAM,EAAE,MAAM,OAAyB;EACvC,WAAW,EAAE,MAAM,OAA8B;EACjD,QAAQ,EAAE,MAAM,OAAO;;EAEvB,KAAK,EAAE,MAAM,OAA8B;EAC3C,eAAe;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EACnD,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,iBAAiB,EAAE,MAAM,OAAiE;;EAE1F,WAAW,EAAE,MAAM,OAAkC;;EAErD,UAAU,EAAE,MAAM,OAA6B;;EAE/C,mBAAmB,EAAE,MAAM,SAA+C;CAC5E;CAEA,OAAO;EACL,eAAe;EACf,iBAAiB,aAA0D;EAC3E,gBAAgB,aAAyD;EACzE,yBAAyB,aAAiE;EAC1F,uBAAuB,aAA+D;EACtF,iBAAiB,WAAiE;EAClF,gBAAgB,UAA8D;EAC9E,sBAAsB,UAA0E;CAClG;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,UAAU,IAAwB,IAAI;EAC5C,MAAM,eAAiD,YAAY;GACjE,KAAK,gBAAgB,OAAO;GAC5B,KAAK,gBAAgB,QAAQ,KAAK;EACpC;EACA,MAAM,cAA+C,YAAY;GAC/D,KAAK,eAAe,OAAO;GAC3B,KAAK,eAAe,QAAQ,IAAI;EAClC;EAEA,MAAM,eAAuD,YAAW,KAAK,wBAAwB,OAAO;EAC5G,MAAM,oBAA2D,YAAY;GAC3E,KAAK,sBAAsB,OAAO;GAClC,KAAK,qBAAqB,QAAQ,UAAU;EAC9C;EACA,MAAM,MAAM,sBAAsB,aAAa,aAAa,eAAe,oBAAoB,KAAK,CAAC,GAAG,EAAE,eAAe,KAAK,OAAO,EAAE,CAAC,GAAsB;GAC5J,eAAe;GACf,cAAc;GACd,sBAAsB;GACtB,oBAAoB;EACtB,GAAG,OAAO;EACV,kBAAkB,GAAG;EAErB,aAAa,EAAE,OAAO;GAAE,GAAG,IAAI,IAAI,MAAM,aAAa;GAA8B,KAAK;EAAQ,GAAG,MAAM,UAAU;GAClH,MAAM,IAAI,IAAI,MAAM;GACpB,OAAO,IAAI,IAAI,MAAM;GACrB,eAAe,IAAI,IAAI,MAAM;GAC7B,aAAa,IAAI,IAAI,MAAM;GAC3B,cAAc,IAAI,IAAI,MAAM;GAC5B,cAAc,IAAI,IAAI,MAAM,SAAS;GACrC,QAAQ,IAAI,IAAI,MAAM,SAAS;GAC/B,SAAS,IAAI,IAAI,MAAM,SAAS;GAChC,OAAO,IAAI,IAAI,MAAM,SAAS;GAC9B,UAAU,IAAI,IAAI,MAAM,SAAS;GACjC,cAAc,IAAI,IAAI,MAAM,SAAS;GACrC,WAAW,IAAI,IAAI,MAAM,SAAS;GAClC,WAAW,IAAI,IAAI,MAAM,SAAS;GAClC,UAAU,IAAI,IAAI,MAAM,MAAM;GAC9B,UAAU,IAAI,IAAI,MAAM;GACxB,SAAS,IAAI,IAAI,MAAM;GACvB,UAAU,IAAI,IAAI,MAAM;GACxB,OAAO,IAAI,IAAI,MAAM;EACvB,CAAC,CAAC;CACJ;AACF,CAAC;AAED,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EAEjC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC;AAED,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,OAAO;GACpB,GAAG,IAAI,IAAI,MAAM,gBAAgB;GACjC,MAAM,OAAgB;IAAE,IAAI,WAAW,QAAQ;GAAkB;EACnE,GAAG,MAAM,UAAU,CAAC;CACtB;AACF,CAAC;;AAGD,MAAa,uBAAuB,gBAAgB;CAClD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,iBAAiB,GAA8B,MAAM,UAAU,CAAC;CACvG;AACF,CAAC;;;;;AAMD,SAAS,YAAY,SAAqE;CACxF,IAAI,OAAO,YAAY,UACrB,OAAO,CAAC,EAAE,sBAAsB,YAAY,OAAO,CAAC;CACtD,OAAO,gBAAgB,OAAO,IAAI,CAAC,EAAE,sBAAsB,YAAY,OAAO,CAAC,IAAI;AACrF;;AAGA,MAAa,gCAAgC,gBAAgB;CAC3D,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,MAAM,MAAM,wBAAwB;EACpC,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,0BAA0B,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC,GAA8B,MAAM,UAAU,CAAC;CACxI;AACF,CAAC;;AAGD,MAAa,kBAAkB,gBAAgB;CAC7C,MAAM;CACN,OAAO;;AAEL,OAAO;EAAE,MAAM;EAAQ,UAAU;CAAK,EACxC;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,qBAAqB;EACjC,qBAAqB,EAAE,aAAa,MAAM,MAAM,CAAC;EACjD,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,YAAY,EAAE,OAAO,MAAM,MAAM,CAAC,GAA8B,YAAY,MAAM,UAAU,CAAC,CAAC;CACrI;AACF,CAAC;;AAGD,MAAa,0BAA0B,gBAAgB;CACrD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EACX,QACA,IAAI,IAAI,MAAM,oBAAoB,GAClC,YAAY,MAAM,UAAU,KAAK,IAAI,IAAI,MAAM,YAAY,CAC7D;CACF;AACF,CAAC;;;;;AAMD,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,gBAAgB,GAA8B,MAAM,UACrF,MAAM,QAAQ,IACd,CACE,GAAG,IAAI,IAAI,MAAM,KAAK,KAAI,QAAO,EAAE,iBAAiB;GAAE,KAAK,IAAI;GAAO,OAAO,IAAI;EAAM,SAAS,CAC9F,EAAE,sBAAsB,YAAY,IAAI,KAAK,GAC7C,EAAE,6BAA6B,CACjC,CAAC,CAAC,GACF,EAAE,uBAAuB,CAC3B,CAAC;CACP;AACF,CAAC;AAED,MAAa,2BAA2B,gBAAgB;CACtD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EAEjC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,qBAAqB,GAA8B,MAAM,UAAU,CAAC;CAC1G;AACF,CAAC;AAED,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,OAAO;EAEL,OAAO,EAAE,MAAM,CAAC,QAAQ,MAAM,EAA+B;;EAE7D,SAAS,EAAE,MAAM,OAAoC;CACvD;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,qBAAqB;EACjC,aAAa;GACX,MAAM,EAAE,UAAU,IAAI,IAAI;GAE1B,MAAM,WAAW,MAAM,WAAW,OAC9B,EAAE,SAAS,MAAM,QAAQ,IACzB,EAAE,OAAO,KAAK,MAAM,OAAO,MAAM,KAAK,CAAC,EAAE;GAC7C,MAAM,QAAQ,MAAM,UAAU,QAAQ;GAEtC,OAAO,EACL,OACA,MAAM,gBAAgB,QAAQ,GAC9B,MAAM,UAAU,MAAM,QAAQ,EAAE,SAAS,MAAM,CAAC,IAAI,OAAO,IAC7D;EACF;CACF;AACF,CAAC;AAED,MAAa,2BAA2B,gBAAgB;CACtD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,qBAAqB,GAA8B,MAAM,UAAU,CAAC;CAC7G;AACF,CAAC;AAED,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAElB,MAAM,cAAc,oBAAoB;EAExC,MAAM,aAAa,oBAAoB;EACvC,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,UAAU,WAAW,MAAM;GAAE,GAAG,YAAY;GAAO,GAAG,IAAI,IAAI,MAAM,gBAAgB;EAA6B,CAAC,GAAG,MAAM,UAAU,CAAC;CACvJ;AACF,CAAC;AAED,MAAa,yBAAyB,gBAAgB;CACpD,MAAM;CACN,OAAO;;AAEL,WAAW,EAAE,MAAM,OAA4B,EACjD;CAEA,cAAc;CACd,MAAM,OAAO,EAAE,OAAO,SAAS;EAC7B,MAAM,MAAM,qBAAqB;EAGjC,MAAM,OAAO,cAAc;GACzB,kBAAkB,IAAI,WAAW;GACjC,OAAO,IAAI,SAAS,KAAK;GACzB,MAAM,CAAC,YAAY,YAAY;GAC/B,cAAc;IAAE,KAAM,IAAI,IAAI,MAAM,mBAAmB,CAAC,CAAyB;IAAK,MAAM;GAAK;EACnG,CAAC;EAED,aAAa;GACX,MAAM,SAAS,MAAM,aAAa,IAAI,aAAa;GACnD,OAAO,EAAE,UAAU;IACjB,IAAI;IACJ,QAAQ,IAAI;IAEZ,UAAU,MAAM,aAAa,QAAQ,OAAO,WAAW;GACzD,SAAS,CACP,EAAE,OAAO;IACP,GAAG,WAAW,IAAI,IAAI,MAAM,mBAAmB,GAA8B,KAAK;IAClF,MAAM,OAAgB;KAAE,IAAI,cAAc,QAAQ;IAAkB;GACtE,GAAG,CAAC,GAAI,MAAM,UAAU,KAAK,CAAC,GAAI,GAAG,KAAK,OAAO,CAAC,CAAC,CACrD,CAAC;EACH;CACF;AACF,CAAC;AAED,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,OAAO;GACpB,GAAG,IAAI,IAAI,MAAM,gBAAgB;GAGjC,OAAO,IAAI,QAAQ,QAAQ,KAAA,IAAY,EAAE,SAAS,OAAO;GACzD,MAAM,OAAgB;IAAE,IAAI,WAAW,QAAQ;GAAkB;EACnE,GAAG,MAAM,UAAU,CAAC;CACtB;AACF,CAAC;AAID,MAAa,uBAAuB,gBAAgB;CAClD,MAAM;CACN,OAAO;;AAEL,OAAO;EAAE,MAAM,CAAC,QAAQ,MAAM;EAAG,SAAS;CAAE,EAC9C;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,qBAAqB;EACjC,uBAAuB,EAAE,OAAO,cAAc,KAAK,EAAE,CAAC;EAEtD,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,iBAAiB,GAA8B,MAAM,UAAU,CAAC;CACtG;AACF,CAAC;AAED,MAAa,0BAA0B,gBAAgB;CACrD,MAAM;CACN,OAAO;CAKP,cAAc;CACd,MAAM,GAAG,EAAE,OAAO,SAAS;EACzB,MAAM,MAAM,qBAAqB;EACjC,MAAM,iBAAiB,IAAwB,IAAI;EAEnD,MAAM,OAAO,cAAc;GACzB,kBAAkB,eAAe;GACjC,QAAQ;GACR,MAAM,CAAC,YAAY,YAAY;GAC/B,cAAc;IAAE,KAAM,IAAI,IAAI,MAAM,mBAAmB,CAAC,CAAyB;IAAK,MAAM;GAAK;EACnG,CAAC;EACD,gBAAgB,KAAK,QAAQ,CAAC;EAC9B,aAAa;GACX,MAAM,MAAM,IAAI,IAAI;GACpB,MAAM,WAAW,MAAM,UAAU,EAAE,SAAS,IAAI,QAAQ,CAAC;GACzD,OAAO,CACL,EACE,OACA;IACE,GAAG,WAAW,IAAI,oBAAoB,GAA8B,KAAK;IACzE,MAAM,OAAgB;KAAE,eAAe,QAAQ;IAAkB;GACnE,GACA,WAAW,QAAQ,IACf,WACA,IAAI,QAAQ,KAAI,WAAU,EACxB,OACA;IAAE,GAAG,IAAI,eAAe,EAAE,OAAO,OAAO,MAAM,CAAC;IAA8B,KAAK,OAAO;GAAM,GAC/F,OAAO,KACT,CAAC,CACP,GACA,GAAG,KAAK,OAAO,CACjB;EACF;CACF;AACF,CAAC;AAED,MAAa,qBAAqB,gBAAgB;CAChD,MAAM;CACN,OAAO;;AAEL,OAAO;EAAE,MAAM;EAAQ,UAAU;CAAK,EACxC;CACA,OAAO;CAIP,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,qBAAqB;EACjC,aAAa;GACX,MAAM,MAAM,IAAI,IAAI;GACpB,MAAM,WAAW,MAAM,UAAU;GACjC,OAAO,EACL,OACA,IAAI,eAAe,EAAE,OAAO,MAAM,MAAM,CAAC,GACzC,WAAW,QAAQ,IAAI,WAAW,IAAI,QAAQ,MAAK,MAAK,EAAE,UAAU,MAAM,KAAK,CAAC,EAAE,KACpF;EACF;CACF;AACF,CAAC;;AAGD,MAAM,6BAA6B,gBAAgB;CACjD,MAAM;CACN,OAAO,EACL,MAAM;EAAE,MAAM;EAAwC,UAAU;CAAK,EACvE;CACA,MAAM,OAAO;EACX,MAAM,MAAM,qBAAqB;EACjC,MAAM,gBAAgB,IAAwB,IAAI;EAElD,MAAM,OAAO,cAAc;GACzB,kBAAkB,cAAc;GAChC,QAAQ;GACR,cAAc;IAAE,KAAM,IAAI,IAAI,MAAM,mBAAmB,CAAC,CAAyB;IAAK,MAAM;GAAK;EACnG,CAAC;EACD,gBAAgB,KAAK,QAAQ,CAAC;EAC9B,aAAa;GACX,MAAM,MAAM,IAAI,IAAI;GACpB,MAAM,SAAS,IAAI,YAAY,MAAK,SAAQ,KAAK,SAAS,MAAM,IAAI;GACpE,IAAI,CAAC,QACH,OAAO;GACT,OAAO,CACL,EACE,OACA;IACE,GAAG,IAAI,mBAAmB,EAAE,MAAM,OAAO,KAAK,CAAC;IAC/C,MAAM,OAAgB;KAAE,cAAc,QAAQ;IAAkB;GAClE,GACA,OAAO,QAAQ,KAAI,WACjB,EACE,OACA;IAAE,GAAG,IAAI,iBAAiB;KAAE,MAAM,OAAO;KAAM,OAAO;IAAO,CAAC;IAA8B,KAAK;GAAO,GACxG,IAAI,gBAAgB;IAAE,MAAM,OAAO;IAAM,OAAO;GAAO,CAAC,CAC1D,CACF,CACF,GACA,GAAG,KAAK,OAAO,CACjB;EACF;CACF;AACF,CAAC;AAED,MAAa,wBAAwB,gBAAgB;CACnD,MAAM;CACN,QAAQ;EACN,MAAM,MAAM,qBAAqB;EAEjC,aAAa,IAAI,IAAI,MAAM,YAAY,KAAI,WACzC,EAAE,4BAA4B;GAAE,MAAM,OAAO;GAAM,KAAK,OAAO;EAAK,CAAC,CACvE;CACF;AACF,CAAC;AAED,MAAa,6BAA6B,gBAAgB;CACxD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,uBAAuB,GAA8B,MAAM,UAAU,CAAC;CAC/G;AACF,CAAC;AAED,MAAa,qBAAqB,gBAAgB;CAChD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,SAAS,eAAe,GAA8B,MAAM,UAAU,CAAC;CAC7G;AACF,CAAC;AAED,MAAa,8BAA8B,gBAAgB;CACzD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,SAAS,wBAAwB,GAA8B,MAAM,UAAU,CAAC;CACzH;AACF,CAAC;AAED,MAAa,0BAA0B,gBAAgB;CACrD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,SAAS,oBAAoB,GAA8B,MAAM,UAAU,CAAC;CACrH;AACF,CAAC;AAED,MAAa,0BAA0B,gBAAgB;CACrD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,SAAS,oBAAoB,GAA8B,MAAM,UAAU,CAAC;CACrH;AACF,CAAC;AAED,MAAa,8BAA8B,gBAAgB;CACzD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,SAAS,wBAAwB,GAA8B,MAAM,UAAU,CAAC;CACzH;AACF,CAAC;AAED,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,OAAO;;AAEL,OAAO,EAAE,MAAM,CAAC,QAAQ,MAAM,EAAE,EAClC;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,qBAAqB;EACjC,MAAM,QAAQ,cAAc,KAAK;EAEjC,aAAa,EACX,OACA,IAAI,IAAI,MAAM,SAAS,gBAAgB,EAAE,OAAO,MAAM,MAAM,CAAC,GAC7D,MAAM,UAAU,KAAM,IAAI,IAAI,MAAM,SAAS,OAAO,MAAM,MAAM,EAAE,gBAAgB,IAAI,IAAI,MAAM,SAAS,YAC3G;CACF;AACF,CAAC;AAED,MAAa,iCAAiC,gBAAgB;CAC5D,MAAM;CACN,OAAO;;AAEL,OAAO,EAAE,MAAM,CAAC,QAAQ,MAAM,EAAE,EAClC;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,qBAAqB;EACjC,MAAM,QAAQ,cAAc,KAAK;EAEjC,aAAa,EACX,UACA,IAAI,IAAI,MAAM,SAAS,2BAA2B,EAAE,OAAO,MAAM,MAAM,CAAC,GACxE,MAAM,UAAU,KAAK,IAAI,IAAI,MAAM,SAAS,OAAO,MAAM,MAAM,EAAE,WACnE;CACF;AACF,CAAC;AAED,MAAa,kCAAkC,gBAAgB;CAC7D,MAAM;CACN,OAAO;;AAEL,OAAO,EAAE,MAAM,CAAC,QAAQ,MAAM,EAAE,EAClC;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,qBAAqB;EACjC,MAAM,QAAQ,cAAc,KAAK;EACjC,aAAa,EACX,UACA,IAAI,IAAI,MAAM,SAAS,4BAA4B,EAAE,OAAO,MAAM,MAAM,CAAC,GACzE,MAAM,UAAU,KAAK,IAAI,IAAI,MAAM,SAAS,OAAO,MAAM,MAAM,EAAE,YACnE;CACF;AACF,CAAC;AAED,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,OAAO;;AAEL,OAAO,EAAE,MAAM,CAAC,QAAQ,MAAM,EAAE,EAClC;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,qBAAqB;EACjC,MAAM,QAAQ,cAAc,KAAK;EACjC,aAAa,EACX,OACA;GACE,GAAG,IAAI,IAAI,MAAM,SAAS,aAAa,EAAE,OAAO,MAAM,MAAM,CAAC;GAE7D,KAAK,MAAM,UAAU,IAAI,IAAI,UAAU,KAAA;EACzC,GACA,MAAM,UAAU,CAClB;CACF;AACF,CAAC;AAED,MAAa,uBAAuB,gBAAgB;CAClD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,SAAS,iBAAiB,GAA8B,MAAM,UAAU,CAAC;CAC/G;AACF,CAAC;AAED,MAAa,uBAAuB,gBAAgB;CAClD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,SAAS,iBAAiB,GAA8B,MAAM,UAAU,CAAC;CAC/G;AACF,CAAC;AAGD,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,SAAS,gBAAgB,GAA8B,MAAM,UAAU,CAAC;CAC9G;AACF,CAAC;AAED,MAAa,yBAAyB,gBAAgB;CACpD,MAAM;CACN,OAAO;;AAEL,OAAO;EAAE,MAAM;EAAQ,UAAU;CAAK,EACxC;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,qBAAqB;EAEjC,aAAa,EACX,QACA,IAAI,IAAI,MAAM,SAAS,mBAAmB,EAAE,OAAO,MAAM,MAAM,CAAC,GAChE,MAAM,UAAU,KAAK,IAAI,IAAI,MAAM,SAAS,kBAAkB,EAAE,OAAO,MAAM,MAAM,CAAC,CACtF;CACF;AACF,CAAC;AAED,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,OAAO,EAEL,OAAO;EAAE,MAAM,CAAC,QAAQ,MAAM;EAAgC,UAAU;CAAK,EAC/E;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,qBAAqB;EACjC,MAAM,QAAQ,eAAe,OAAO,MAAM,KAAK,CAAC;EAChD,aAAa,EACX,QACA,IAAI,IAAI,MAAM,SAAS,gBAAgB,EAAE,OAAO,MAAM,MAAM,CAAC,GAC7D,MAAM,UAAU,KAAK,IAAI,IAAI,MAAM,SAAS,SAAS,MAAM,MAAM,EAAE,KACrE;CACF;AACF,CAAC;AAED,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,OAAO;;EAEL,OAAO;GAAE,MAAM;GAAQ,UAAU;EAAK;;;;;EAKtC,OAAO,EAAE,MAAM,CAAC,QAAQ,MAAM,EAAE;CAClC;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,qBAAqB;EACjC,MAAM,QAAQ,cAAc,KAAK;EACjC,MAAM,OAAO,gBAAmC;GAAE,OAAO,MAAM;GAAO,OAAO,MAAM;EAAM,EAAE;EAC3F,sBAAsB,EAAE,KAAK,CAAC;EAE9B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,SAAS,aAAa,KAAK,KAAK,GAA8B,MAAM,UAAU,CAAC;CACrH;AACF,CAAC;AAED,MAAa,0BAA0B,gBAAgB;CACrD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,MAAM,EAAE,SAAS,yBAAyB;EAC1C,aAAa,EACX,OACA,IAAI,IAAI,MAAM,SAAS,oBAAoB,KAAK,KAAK,GACrD,MAAM,UAAU,CAClB;CACF;AACF,CAAC;AAED,MAAa,0BAA0B,gBAAgB;CACrD,MAAM;CACN,QAAQ;EACN,MAAM,MAAM,qBAAqB;EAEjC,aAAa,IAAI,IAAI,MAAM,kBAAkB,aACzC,IAAI,IAAI,MAAM,MAAM,KAAI,UAAS,EAAE,SAAS;GAAE,KAAK;GAAO,GAAG,IAAI,IAAI,MAAM,MAAM,oBAAoB,EAAE,MAAM,CAAC;EAA6B,CAAC,CAAC,IAC7I,EAAE,SAAS,IAAI,IAAI,MAAM,MAAM,oBAAoB,CAA4B;CACrF;AACF,CAAC"}

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

@@ -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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"date-range-picker.d.ts","names":[],"sources":["../../../src/components/date-range-picker/date-range-picker.ts"],"mappings":";;;;;~~KAgDK~~,uBAAuB;;KAYhB,+BACN,KACF,2IAYA,KACA;;EAYA,UAAU;;EAEV,aAAa;;;UAIA;EACf,SAAS;;;UAIM;EACf,kBAAkB;;cAGP,qCAAqB,8BAAA;;;IAKN,MAAA;;;IACO,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;IAUA,MAAA,SAAS;;;;IAEV,MAAA,SAAS;;;;IAEZ,MAAA,SAAS~~;;;;;;;;;;;;;;;;;IAQV~~,MAAA,SAAS;;;IACI,MAAA,UAAU,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAWhC,MAAA,SAAS;;;IACd,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACJ,MAAA,SAAS;;;;;;;IAGf,MAAA,SAAS;;;;;;;;;;;;IAIG,MAAA,SAAS;;;;IAEf,MAAA,SAAS;;;;IAEV,MAAA,SAAS;;;;IAEE,MAAA,SAAS;;;;IAEP,MAAA;;;;IAEV,MAAA,SAAS~~;;;;;EAIb~~,iBAAA,UAAA,UAAU;EACX,gBAAA,UAAA,UAAU;EACD,yBAAA,UAAA,UAAU;EACZ,uBAAA,UAAA,UAAU;EAClB,iBAAA,QAAA,UAAU;EACZ,gBAAA,OAAA,UAAU;EACJ,sBAAA,OAAA,UAAU;EACL,wBAAA,UAAA,UAAU;EACb,uBAAA,QAAA,UAAU;;;;~~IApEjB~~,MAAA;;;IACO,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;IAUA,MAAA,SAAS;;;;IAEV,MAAA,SAAS;;;;IAEZ,MAAA,SAAS~~;;;;;;;;;;;;;;;;;IAQV~~,MAAA,SAAS;;;IACI,MAAA,UAAU,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAWhC,MAAA,SAAS;;;IACd,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACJ,MAAA,SAAS;;;;;;;IAGf,MAAA,SAAS;;;;;;;;;;;;IAIG,MAAA,SAAS;;;;IAEf,MAAA,SAAS;;;;IAEV,MAAA,SAAS;;;;IAEE,MAAA,SAAS;;;;IAEP,MAAA;;;;IAEV,MAAA,SAAS~~;;;;;;;;;;;;;;;;;;;;;;;;EAe9B~~,WAAC,OAAO,iCAAiC;kCAsDrD;cAEW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAOjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BASnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6CAA6B,8BAAA;;IAIH,MAAA;;;;;;;IAAA,MAAA;;;;;qCAcrC;cAEW,wCAAwB,8BAAA;;IAIE,MAAA;;;;IAER,MAAA,SAAS;;;;;;IAFD,MAAA;;;;IAER,MAAA,SAAS;;;EAG1B,WAAC,OAAO,oCAAoC;kCAoBxD;cAEW,+CAA+B,0BAAA,oBAAA,4BAAA;;8BAU1C,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6CAA6B,0BAAA,oBAAA,4BAAA;;8BAMxC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAUnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,2CAA2B,8BAAA;;;IAIP,MAAA,SAAS;;;;;;;IAAT,MAAA,SAAS;;MA8BxC,oDAAA;cAEW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAYnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAIW,yCAAyB,8BAAA;;;;;;;;;;;;;;;;qCAYpC;cAEW,4CAA4B,0BAAA,oBAAA,4BAAA;;;;EAI3B,WAAC,OAAO,oCAAoC;kCAqCxD;cAEW,uCAAuB,8BAAA;;;;;;;;;;;;;;;;EAQtB,gBAAM;kCAclB;cA6CW,0CAA0B,0BAAA,oBAAA,4BAAA;;gCAcrC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+CAA+B,0BAAA,oBAAA,4BAAA;;8BAM1C,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAMlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gDAAgC,0BAAA,oBAAA,4BAAA;;8BAM3C,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,4CAA4B,0BAAA,oBAAA,4BAAA;;8BAMvC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,4CAA4B,0BAAA,oBAAA,4BAAA;;8BAMvC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gDAAgC,0BAAA,oBAAA,4BAAA;;8BAM3C,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,wCAAwB,8BAAA;;;;;;;;;;;;MAgBnC,oDAAA;cAEW,mDAAmC,8BAAA;;;;;;;;;;;;MAgB9C,oDAAA;cAEW,oDAAoC,8BAAA;;;;;;;;;;;;MAe/C,oDAAA;cAEW,qCAAqB,8BAAA;;;;;;;;;;;;MAmBhC,oDAAA;cAEW,yCAAyB,0BAAA,oBAAA,4BAAA;;8BAMpC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,yCAAyB,0BAAA,oBAAA,4BAAA;;8BAMpC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAGW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAMnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,2CAA2B,8BAAA;;;;;;;;;;;;;;MAetC,oDAAA;cAEW,wCAAwB,8BAAA;;IAIE,MAAA;;;;;;;IAAA,MAAA;;;MAWrC,oDAAA;cAEW,qCAAqB,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAmBhC,oDAAA;cAEW,4CAA4B,0BAAA,oBAAA,4BAAA;;8BAWvC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,4CAA4B,8BAAA;;IAIF,MAAA;;;;;;IAAA,MAAA;;MAUrC,oDAAA"}
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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"}

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

@@ -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,

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

	@@ -1 +1 @@
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 DatePickerTimeUnit,\n DateRangePickerApi,\n DateRangePickerEndIndex,\n DateRangePickerPreset,\n DateRangePickerPresetState,\n DateRangePickerSchema,\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 { 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 /* 周首日，0 = 星期日 … 6 = 星期六；不给按 locale。只改日历的表头、行首与 Home / End，月份名与星期名仍按 locale。 /\n firstDayOfWeek: { type: Number },\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 showTime: { type: Boolean, default: undefined },\n timeGranularity: { type: String as PropType<DateRangePickerProps['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 /* 只点日期时起止各补的时刻，例如 ['00:00:00', '23:59:59']。 /\n defaultTime: { type: Array as unknown as PropType<[string, string]> },\n /* 当前编辑哪一端；给定即受控，未给时每次展开按入口重定。 /\n activeIndex: { type: Number as PropType<DateRangePickerEndIndex> },\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 'active-index-change': (_details: PayloadOf<DateRangePickerProps, 'onActiveIndexChange'>) => true,\n 'update:activeIndex': (_index: PayloadOf<DateRangePickerProps, 'onActiveIndexChange'>['activeIndex']) => 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 notifyActiveIndex: DateRangePickerProps['onActiveIndexChange'] = (details) => {\n emit('active-index-change', details)\n emit('update:activeIndex', details.activeIndex)\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 onActiveIndexChange: notifyActiveIndex,\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\n/* 一列时间选项连同贴在它盒子上的竖条：每列一台滚动条机器，列数随精度与小时制变时组件实例跟着增减。 /\nconst XhDateRangePickerTimeColumnHost = defineComponent({\n name: 'XhDateRangePickerTimeColumnHost',\n props: {\n index: { type: Number as PropType<DateRangePickerEndIndex>, required: true },\n unit: { type: String as PropType<DatePickerTimeUnit>, required: true },\n },\n setup(props) {\n const ctx = useDateRangePickerContext()\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.timeColumnGroups[props.index].columns.find(item => item.unit === props.unit)\n if (!column)\n return null\n return [\n h(\n 'div',\n {\n ...api.getTimeColumnProps({ index: props.index, 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({ index: props.index, 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 XhDateRangePickerTimePanel = defineComponent({\n name: 'XhDateRangePickerTimePanel',\n setup() {\n const ctx = useDateRangePickerContext()\n // 起止两组时间列整组自动铺：每组一个外壳、一行小标题与时/分[/秒][/上下午]各一列；没开 showTime 时整组带 hidden\n return () => ctx.api.value.timeColumnGroups.map(group =>\n h('div', { ...ctx.api.value.getColumnGroupProps({ index: group.index }) as Record<string, unknown>, key: group.index }, [\n h('div', ctx.api.value.getColumnGroupLabelProps({ index: group.index }) as Record<string, unknown>, group.label),\n ...group.columns.map(column =>\n h(XhDateRangePickerTimeColumnHost, { index: group.index, unit: column.unit, key: column.unit }),\n ),\n ]),\n )\n },\n})\n\nexport const XhDateRangePickerConfirmTrigger = defineComponent({\n name: 'XhDateRangePickerConfirmTrigger',\n setup(_, { slots }) {\n const ctx = useDateRangePickerContext()\n return () => h('button', ctx.api.value.getConfirmTriggerProps() as Record<string, unknown>, slots.default?.())\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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"}
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 DatePickerTimeUnit,\n DateRangePickerApi,\n DateRangePickerEndIndex,\n DateRangePickerPreset,\n DateRangePickerPresetState,\n DateRangePickerSchema,\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 { 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 { withHandlers } from '../../runtime/with-handlers'\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 /* 周首日，0 = 星期日 … 6 = 星期六；不给按 locale。只改日历的表头、行首与 Home / End，月份名与星期名仍按 locale。 /\n firstDayOfWeek: { type: Number },\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 /* 逐段的占位串，两组段位共用，覆盖内置的 yyyy / mm / dd。 /\n placeholder: { type: Object as PropType<DateSegmentPlaceholders> },\n /* 起点那组段位的整条占位：一段都没填、焦点也不在段上时显示这句文字，焦点进到段上即换回段位。 /\n startPlaceholder: { type: String },\n /* 终点那组段位的整条占位，规则同 startPlaceholder。 /\n endPlaceholder: { type: String },\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 showTime: { type: Boolean, default: undefined },\n timeGranularity: { type: String as PropType<DateRangePickerProps['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 /* 只点日期时起止各补的时刻，例如 ['00:00:00', '23:59:59']。 /\n defaultTime: { type: Array as unknown as PropType<[string, string]> },\n /* 当前编辑哪一端；给定即受控，未给时每次展开按入口重定。 /\n activeIndex: { type: Number as PropType<DateRangePickerEndIndex> },\n },\n // -change 携带 details 对象，update:* 携带裸值；值恒为 [start, end]，只填了终点时是 ['', end]\n emits: {\n 'clear': () => true,\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 'active-index-change': (_details: PayloadOf<DateRangePickerProps, 'onActiveIndexChange'>) => true,\n 'update:activeIndex': (_index: PayloadOf<DateRangePickerProps, 'onActiveIndexChange'>['activeIndex']) => 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 notifyActiveIndex: DateRangePickerProps['onActiveIndexChange'] = (details) => {\n emit('active-index-change', details)\n emit('update:activeIndex', details.activeIndex)\n }\n const ctx = useDateRangePickerWithRoot(withHandlers(withXhConfig('date-range-picker', useFormControlProps(props)), { onClear: () => emit('clear') }) as DateRangePickerProps, {\n onValueChange: notifyValue,\n onOpenChange: notifyOpen,\n onFocusedValueChange: notifyFocus,\n onActiveViewChange: notifyActiveView,\n onActiveIndexChange: notifyActiveIndex,\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\n/* 一列时间选项连同贴在它盒子上的竖条：每列一台滚动条机器，列数随精度与小时制变时组件实例跟着增减。 /\nconst XhDateRangePickerTimeColumnHost = defineComponent({\n name: 'XhDateRangePickerTimeColumnHost',\n props: {\n index: { type: Number as PropType<DateRangePickerEndIndex>, required: true },\n unit: { type: String as PropType<DatePickerTimeUnit>, required: true },\n },\n setup(props) {\n const ctx = useDateRangePickerContext()\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.timeColumnGroups[props.index].columns.find(item => item.unit === props.unit)\n if (!column)\n return null\n return [\n h(\n 'div',\n {\n ...api.getTimeColumnProps({ index: props.index, 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({ index: props.index, 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 XhDateRangePickerTimePanel = defineComponent({\n name: 'XhDateRangePickerTimePanel',\n setup() {\n const ctx = useDateRangePickerContext()\n // 起止两组时间列整组自动铺：每组一个外壳、一行小标题与时/分[/秒][/上下午]各一列；没开 showTime 时整组带 hidden\n return () => ctx.api.value.timeColumnGroups.map(group =>\n h('div', { ...ctx.api.value.getColumnGroupProps({ index: group.index }) as Record<string, unknown>, key: group.index }, [\n h('div', ctx.api.value.getColumnGroupLabelProps({ index: group.index }) as Record<string, unknown>, group.label),\n ...group.columns.map(column =>\n h(XhDateRangePickerTimeColumnHost, { index: group.index, unit: column.unit, key: column.unit }),\n ),\n ]),\n )\n },\n})\n\nexport const XhDateRangePickerConfirmTrigger = defineComponent({\n name: 'XhDateRangePickerConfirmTrigger',\n setup(_, { slots }) {\n const ctx = useDateRangePickerContext()\n return () => h('button', ctx.api.value.getConfirmTriggerProps() as Record<string, unknown>, slots.default?.())\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/dialog/dialog.d.ts CHANGED Viewed

@@ -105,10 +105,10 @@ declare const XhDialogRoot: import("vue").DefineComponent<import("vue").ExtractP
 }>, {
   open: boolean;
   defaultOpen: boolean;
-  modal: boolean;
   closeOnEscape: boolean;
   closeOnInteractOutside: boolean;
   restoreFocus: boolean;
+  modal: boolean;
   role: "dialog" | "alertdialog";
   draggable: boolean;
 }, SlotsType<{

package/dist/components/drawer/drawer.d.ts CHANGED Viewed

@@ -170,10 +170,10 @@ declare const XhDrawerRoot: import("vue").DefineComponent<import("vue").ExtractP
   open: boolean;
   defaultOpen: boolean;
   resizable: boolean;
-  modal: boolean;
   closeOnEscape: boolean;
   closeOnInteractOutside: boolean;
   restoreFocus: boolean;
+  modal: boolean;
   contained: boolean;
 }, SlotsType<{
   default?: (props: DrawerRootSlotProps) => VNode[];