@xihan-ui/vue 1.0.0 → 2.0.0

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

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

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

@@ -1,20 +1,23 @@
 import { ComputedRef, Ref } from "vue";
+import { RuntimeConfig } from "@xihan-ui/core";
 import { DatePickerApi, DatePickerSchema, DatePickerServices } from "@xihan-ui/headless";
 //#region src/components/date-picker/use-date-picker.d.ts
 interface DatePickerContext {
   api: ComputedRef<DatePickerApi>;
-  /** 四台机器的把手，供部件上报 DOM 侧的事实。 */
+  /** 四台状态机的句柄，供部件上报 DOM 侧的事实。 */
   services: DatePickerServices;
   controlRef: Ref<HTMLElement | null>;
   positionerRef: Ref<HTMLElement | null>;
   contentRef: Ref<HTMLElement | null>;
-  /** 此刻该不该渲染：退场动画播完之前仍为真。 */
+  /** 当前是否应当渲染：退场动画播完之前仍为真。 */
   visible: Ref<boolean>;
   gridRef: Ref<HTMLElement | null>;
-  /** 浮层搬到哪儿：全局配置的 portalContainer > body。 */
+  /** 显式同 Document 目标优先，默认使用真实根所属运行时的 Portal。 */
   portalTarget: ComputedRef<string | Element>;
 }
-declare function useDatePicker(props: DatePickerSchema['props'], handlers?: Pick<DatePickerSchema['props'], 'onValueChange' | 'onOpenChange' | 'onFocusedValueChange' | 'onActiveViewChange'>): DatePickerContext;
+type DatePickerHandlers = Pick<DatePickerSchema['props'], 'onValueChange' | 'onOpenChange' | 'onFocusedValueChange' | 'onActiveViewChange'>;
+/** 公开 composable 保留 ambient Scope 合同。 */
+declare function useDatePicker(props: DatePickerSchema['props'], handlers?: DatePickerHandlers): DatePickerContext;
 //#endregion
 export { DatePickerContext, useDatePicker };
 //# sourceMappingURL=use-date-picker.d.ts.map

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

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

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

@@ -3,69 +3,122 @@ import { vueNormalize } from "../../runtime/normalize-props.js";
 import { useXhConfig } from "../../config/config.js";
 import { useMachine } from "../../runtime/use-machine.js";
 import { createVueIdGenerator } from "../../runtime/vue-id.js";
-import { computed, ref } from "vue";
-import { calendarMachine, connectDatePicker, dateFieldMachine, datePickerCalendarProps, datePickerFieldEndProps, datePickerFieldProps, datePickerMachine } from "@xihan-ui/headless";
-import { createRuntimeConfig, createScope } from "@xihan-ui/kernel";
+import { computed, ref, shallowRef, watch } from "vue";
+import { createRuntimeConfig, createScope, isElement } from "@xihan-ui/core";
+import { calendarPickerMachine, connectDatePicker, dateFieldMachine, datePickerCalendarProps, datePickerFieldProps, datePickerMachine } from "@xihan-ui/headless";
 import { createPositionEngine } from "@xihan-ui/position";
 //#region src/components/date-picker/use-date-picker.ts
-function useDatePicker(props, handlers = {}) {
+/** 已创建的 RuntimeConfig 永久归属首次根节点的 Document；动态 Scope 后续不能改写这份事实。 */
+function assertDatePickerRootDocument(expected, node) {
+	if (node.ownerDocument !== expected) throw new Error("[xh] DatePicker 根节点不能在运行期切换 Document");
+}
+/** 显式 Portal 是同 realm 目标，不是 Scope 来源；字段存在时 null 与伪节点都属于配置错误。 */
+function resolveDatePickerPortalTarget(runtime, resolver) {
+	if (!resolver) return void 0;
+	const target = resolver();
+	if (!isElement(target)) throw new TypeError("[xh] DatePicker 的 portalContainer 必须返回 Element");
+	if (target.ownerDocument !== runtime.layerRegistry.ownerDocument) throw new Error("[xh] DatePicker 的 portalContainer 必须与组件根属于同一 Document");
+	return target;
+}
+function createDatePickerContext(props, handlers, rootRef) {
 	const xhConfig = useXhConfig();
 	const controlRef = ref(null);
 	const positionerRef = ref(null);
 	const contentRef = ref(null);
 	const gridRef = ref(null);
 	const idGen = createVueIdGenerator();
-	const scope = createScope(null, idGen);
+	const scope = rootRef ? createScope(() => rootRef.value, idGen) : createScope(null, idGen);
 	const root = useMachine(datePickerMachine, () => ({
 		...props,
 		...handlers
 	}), scope);
-	const calendar = useMachine(calendarMachine, () => datePickerCalendarProps(root), scope);
+	const calendar = useMachine(calendarPickerMachine, () => datePickerCalendarProps(root), scope);
 	const services = {
 		root,
 		calendar,
-		field: useMachine(dateFieldMachine, () => datePickerFieldProps(root), scope),
-		fieldEnd: useMachine(dateFieldMachine, () => datePickerFieldEndProps(root), scope)
+		field: useMachine(dateFieldMachine, () => datePickerFieldProps(root), scope)
 	};
-	let config = null;
+	const config = shallowRef(null);
+	let runtimeDocument = null;
 	if (typeof document !== "undefined") {
-		config = createRuntimeConfig({
-			scope,
-			idGenerator: idGen
-		});
-		const registerLayer = () => config.layerRegistry.register({
-			kind: "popover",
-			node: () => contentRef.value,
-			branches: () => [controlRef.value, positionerRef.value].filter(Boolean),
-			isModal: () => false,
-			setModal: () => {},
-			surfaces: () => []
+		const installConfig = (node) => {
+			if (config.value) {
+				if (node) assertDatePickerRootDocument(runtimeDocument, node);
+				return;
+			}
+			const next = createRuntimeConfig({
+				scope,
+				idGenerator: idGen
+			});
+			const registerLayer = () => next.layerRegistry.register({
+				kind: "popover",
+				node: () => contentRef.value,
+				branches: () => [controlRef.value, positionerRef.value].filter(Boolean),
+				isModal: () => false,
+				surfaces: () => []
+			});
+			root.refs.set("config", next);
+			root.refs.set("registerLayer", registerLayer);
+			runtimeDocument = next.layerRegistry.ownerDocument;
+			config.value = next;
+		};
+		if (rootRef) watch(rootRef, (node) => {
+			if (node) installConfig(node);
+		}, {
+			flush: "sync",
+			immediate: true
 		});
-		root.refs.set("config", config);
-		root.refs.set("registerLayer", registerLayer);
+		else installConfig();
 		root.refs.set("position", createPositionEngine());
 		root.refs.set("getAnchorEl", () => controlRef.value);
 		root.refs.set("getFloatingEl", () => positionerRef.value);
-		root.refs.set("getContentEl", () => contentRef.value);
 	}
 	calendar.refs.set("getGridEl", () => gridRef.value);
 	const api = computed(() => connectDatePicker(services, vueNormalize));
+	const visible = useOverlayExit({
+		config,
+		isOpen: () => api.value.open,
+		contentRef,
+		onPresence: (presence) => root.refs.set("presence", presence)
+	});
+	const portalTarget = computed(() => {
+		const runtime = config.value;
+		if (!runtime) return "body";
+		const explicitTarget = resolveDatePickerPortalTarget(runtime, xhConfig.value.portalContainer);
+		if (explicitTarget) return explicitTarget;
+		const defaultTarget = runtime.portalContainer();
+		if (!isElement(defaultTarget)) throw new TypeError("[xh] DatePicker 的运行时 portalContainer 必须返回 Element");
+		return defaultTarget;
+	});
+	if (typeof document !== "undefined") root.refs.set("getContentEl", () => {
+		const content = contentRef.value;
+		if (!content || !rootRef) return content;
+		const runtime = config.value;
+		if (!runtime) return null;
+		const explicit = xhConfig.value.portalContainer;
+		const host = explicit ? explicit() : runtime.portalContainer();
+		return isElement(host) && host.contains(content) ? content : null;
+	});
 	return {
-		visible: useOverlayExit({
-			config,
-			isOpen: () => api.value.open,
-			contentRef
-		}),
+		visible,
 		api,
 		services,
 		controlRef,
 		positionerRef,
 		contentRef,
 		gridRef,
-		portalTarget: computed(() => xhConfig.value.portalContainer?.() ?? config?.portalContainer() ?? "body")
+		portalTarget
 	};
 }
+/** 公开 composable 保留 ambient Scope 合同。 */
+function useDatePicker(props, handlers = {}) {
+	return createDatePickerContext(props, handlers);
+}
+/** 组合组件内部从真实根节点绑定 Scope；不经包入口导出。 */
+function useDatePickerWithRoot(props, handlers, rootRef) {
+	return createDatePickerContext(props, handlers, rootRef);
+}
 //#endregion
-export { useDatePicker };
+export { assertDatePickerRootDocument, resolveDatePickerPortalTarget, useDatePicker, useDatePickerWithRoot };
 
 //# sourceMappingURL=use-date-picker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-date-picker.js","names":[],"sources":["../../../src/components/date-picker/use-date-picker.ts"],"sourcesContent":["import type { CalendarSchema, DateFieldSchema, DatePickerApi, DatePickerSchema, DatePickerServices } from '@xihan-ui/headless'\nimport type { Cleanup, Layer, RuntimeConfig } from '@xihan-ui/kernel'\nimport type { ComputedRef, Ref } from 'vue'\nimport {\n  calendarMachine,\n  connectDatePicker,\n  dateFieldMachine,\n  datePickerCalendarProps,\n  datePickerFieldEndProps,\n  datePickerFieldProps,\n  datePickerMachine,\n} from '@xihan-ui/headless'\nimport { createRuntimeConfig, createScope } from '@xihan-ui/kernel'\nimport { createPositionEngine } from '@xihan-ui/position'\nimport { computed, ref } from 'vue'\nimport { useXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { useOverlayExit } from '../../runtime/use-overlay-exit'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface DatePickerContext {\n  api: ComputedRef<DatePickerApi>\n  /** 四台机器的把手，供部件上报 DOM 侧的事实。 */\n  services: DatePickerServices\n  controlRef: Ref<HTMLElement | null>\n  positionerRef: Ref<HTMLElement | null>\n  contentRef: Ref<HTMLElement | null>\n  /** 此刻该不该渲染：退场动画播完之前仍为真。 */\n  visible: Ref<boolean>\n  gridRef: Ref<HTMLElement | null>\n  /** 浮层搬到哪儿：全局配置的 portalContainer > body。 */\n  portalTarget: ComputedRef<string | Element>\n}\n\nexport function useDatePicker(\n  props: DatePickerSchema['props'],\n  handlers: Pick<DatePickerSchema['props'], 'onValueChange' | 'onOpenChange' | 'onFocusedValueChange' | 'onActiveViewChange'> = {},\n): DatePickerContext {\n  const xhConfig = useXhConfig()\n  const controlRef = ref<HTMLElement | null>(null)\n  const positionerRef = ref<HTMLElement | null>(null)\n  const contentRef = ref<HTMLElement | null>(null)\n  const gridRef = ref<HTMLElement | null>(null)\n\n  // 四台机器共用一份 scope，part id 里带组件名区分；两组段位不产出 id，同 scope 不会撞\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n\n  // 三台内嵌机器的 props 都从编排机现读，编排机须先建立\n  const root = useMachine(datePickerMachine, () => ({ ...props, ...handlers }), scope)\n  const calendar = useMachine<CalendarSchema>(calendarMachine, () => datePickerCalendarProps(root), scope)\n  const field = useMachine<DateFieldSchema>(dateFieldMachine, () => datePickerFieldProps(root), scope)\n  // 终点那组段位无条件建：机器实例数不随模式变，非区间模式下它的值恒为空且不参与写值\n  const fieldEnd = useMachine<DateFieldSchema>(dateFieldMachine, () => datePickerFieldEndProps(root), scope)\n  const services: DatePickerServices = { root, calendar, field, fieldEnd }\n\n  // 服务端没有 DOM、也就没有退场：config 传 null 时闸门退化成「跟着展开态」\n  let config: RuntimeConfig | null = null\n\n  if (typeof document !== 'undefined') {\n    config = createRuntimeConfig({ scope, idGenerator: idGen })\n\n    // 只提供注册函数，入栈出栈由机器的 trackLayer 效应按展开态驱动\n    const registerLayer = (): { layer: Layer, dispose: Cleanup } => config!.layerRegistry.register({\n      kind: 'popover',\n      node: () => contentRef.value,\n      // 整个输入行记为本层分支，点 trigger 或段位算层内交互；\n      // 浮层壳一并记上：content 之外还浮着自绘滚动条，按住它拖动不该把浮层消解掉\n      branches: () => [controlRef.value, positionerRef.value].filter(Boolean) as Element[],\n      isModal: () => false,\n      setModal: () => {},\n      surfaces: () => [],\n    })\n\n    // 定位引擎由适配器注入，机器只经端口驱动；锚点取整个输入行\n    root.refs.set('config', config!)\n    root.refs.set('registerLayer', registerLayer)\n    root.refs.set('position', createPositionEngine())\n    root.refs.set('getAnchorEl', () => controlRef.value)\n    root.refs.set('getFloatingEl', () => positionerRef.value)\n    root.refs.set('getContentEl', () => contentRef.value)\n  }\n\n  // 跨月后的焦点落点要等重渲，日历机器推迟一拍再从这里取网格现查\n  calendar.refs.set('getGridEl', () => gridRef.value)\n\n  const api = computed(() => connectDatePicker(services, vueNormalize))\n  // 退场闸门：收起从跟着 open 走，改成跟着 presence 走\n  const visible = useOverlayExit({ config, isOpen: () => api.value.open, contentRef })\n  // 先问全局配置的落点，没有才落 body\n  const portalTarget = computed<string | Element>(() => xhConfig.value.portalContainer?.() ?? config?.portalContainer() ?? 'body')\n\n  return { visible, api, services, controlRef, positionerRef, contentRef, gridRef, portalTarget }\n}\n"],"mappings":";;;;;;;;;;AAmCA,SAAgB,cACd,OACA,WAA8H,CAAC,GAC5G;CACnB,MAAM,WAAW,YAAY;CAC7B,MAAM,aAAa,IAAwB,IAAI;CAC/C,MAAM,gBAAgB,IAAwB,IAAI;CAClD,MAAM,aAAa,IAAwB,IAAI;CAC/C,MAAM,UAAU,IAAwB,IAAI;CAG5C,MAAM,QAAQ,qBAAqB;CACnC,MAAM,QAAQ,YAAY,MAAM,KAAK;CAGrC,MAAM,OAAO,WAAW,0BAA0B;EAAE,GAAG;EAAO,GAAG;CAAS,IAAI,KAAK;CACnF,MAAM,WAAW,WAA2B,uBAAuB,wBAAwB,IAAI,GAAG,KAAK;CAIvG,MAAM,WAA+B;EAAE;EAAM;EAAU,OAHzC,WAA4B,wBAAwB,qBAAqB,IAAI,GAAG,KAGnC;EAAG,UAD7C,WAA4B,wBAAwB,wBAAwB,IAAI,GAAG,KAC/B;CAAE;CAGvE,IAAI,SAA+B;CAEnC,IAAI,OAAO,aAAa,aAAa;EACnC,SAAS,oBAAoB;GAAE;GAAO,aAAa;EAAM,CAAC;EAG1D,MAAM,sBAA0D,OAAQ,cAAc,SAAS;GAC7F,MAAM;GACN,YAAY,WAAW;GAGvB,gBAAgB,CAAC,WAAW,OAAO,cAAc,KAAK,CAAC,CAAC,OAAO,OAAO;GACtE,eAAe;GACf,gBAAgB,CAAC;GACjB,gBAAgB,CAAC;EACnB,CAAC;EAGD,KAAK,KAAK,IAAI,UAAU,MAAO;EAC/B,KAAK,KAAK,IAAI,iBAAiB,aAAa;EAC5C,KAAK,KAAK,IAAI,YAAY,qBAAqB,CAAC;EAChD,KAAK,KAAK,IAAI,qBAAqB,WAAW,KAAK;EACnD,KAAK,KAAK,IAAI,uBAAuB,cAAc,KAAK;EACxD,KAAK,KAAK,IAAI,sBAAsB,WAAW,KAAK;CACtD;CAGA,SAAS,KAAK,IAAI,mBAAmB,QAAQ,KAAK;CAElD,MAAM,MAAM,eAAe,kBAAkB,UAAU,YAAY,CAAC;CAMpE,OAAO;EAAE,SAJO,eAAe;GAAE;GAAQ,cAAc,IAAI,MAAM;GAAM;EAAW,CAInE;EAAG;EAAK;EAAU;EAAY;EAAe;EAAY;EAAS,cAF5D,eAAiC,SAAS,MAAM,kBAAkB,KAAK,QAAQ,gBAAgB,KAAK,MAE7B;CAAE;AAChG"}
+{"version":3,"file":"use-date-picker.js","names":[],"sources":["../../../src/components/date-picker/use-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// 提供 use date picker 相关实现。\n\nimport type { Cleanup, Layer, RuntimeConfig } from '@xihan-ui/core'\nimport type { CalendarPickerSchema, DateFieldSchema, DatePickerApi, DatePickerSchema, DatePickerServices } from '@xihan-ui/headless'\nimport type { ComputedRef, Ref } from 'vue'\nimport { createRuntimeConfig, createScope, isElement } from '@xihan-ui/core'\nimport {\n  calendarPickerMachine,\n  connectDatePicker,\n  dateFieldMachine,\n  datePickerCalendarProps,\n  datePickerFieldProps,\n  datePickerMachine,\n} from '@xihan-ui/headless'\nimport { createPositionEngine } from '@xihan-ui/position'\nimport { computed, ref, shallowRef, watch } from 'vue'\nimport { useXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { useOverlayExit } from '../../runtime/use-overlay-exit'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface DatePickerContext {\n  api: ComputedRef<DatePickerApi>\n  /** 四台状态机的句柄，供部件上报 DOM 侧的事实。 */\n  services: DatePickerServices\n  controlRef: Ref<HTMLElement | null>\n  positionerRef: Ref<HTMLElement | null>\n  contentRef: Ref<HTMLElement | null>\n  /** 当前是否应当渲染：退场动画播完之前仍为真。 */\n  visible: Ref<boolean>\n  gridRef: Ref<HTMLElement | null>\n  /** 显式同 Document 目标优先，默认使用真实根所属运行时的 Portal。 */\n  portalTarget: ComputedRef<string | Element>\n}\n\ntype DatePickerHandlers = Pick<\n  DatePickerSchema['props'],\n  'onValueChange' | 'onOpenChange' | 'onFocusedValueChange' | 'onActiveViewChange'\n>\n\n/** 已创建的 RuntimeConfig 永久归属首次根节点的 Document；动态 Scope 后续不能改写这份事实。 */\nexport function assertDatePickerRootDocument(expected: Document, node: Element): void {\n  if (node.ownerDocument !== expected)\n    throw new Error('[xh] DatePicker 根节点不能在运行期切换 Document')\n}\n\n/** 显式 Portal 是同 realm 目标，不是 Scope 来源；字段存在时 null 与伪节点都属于配置错误。 */\nexport function resolveDatePickerPortalTarget(\n  runtime: RuntimeConfig,\n  resolver: (() => unknown) | undefined,\n): Element | undefined {\n  if (!resolver)\n    return undefined\n  const target = resolver()\n  if (!isElement(target))\n    throw new TypeError('[xh] DatePicker 的 portalContainer 必须返回 Element')\n  if (target.ownerDocument !== runtime.layerRegistry.ownerDocument)\n    throw new Error('[xh] DatePicker 的 portalContainer 必须与组件根属于同一 Document')\n  return target\n}\n\nfunction createDatePickerContext(\n  props: DatePickerSchema['props'],\n  handlers: DatePickerHandlers,\n  rootRef?: Readonly<Ref<HTMLElement | null>>,\n): DatePickerContext {\n  const xhConfig = useXhConfig()\n  const controlRef = ref<HTMLElement | null>(null)\n  const positionerRef = ref<HTMLElement | null>(null)\n  const contentRef = ref<HTMLElement | null>(null)\n  const gridRef = ref<HTMLElement | null>(null)\n\n  // 三台机器共用一份 scope，part id 里带组件名区分；段位不产出 id，同 scope 不会撞\n  const idGen = createVueIdGenerator()\n  const scope = rootRef ? createScope(() => rootRef.value, idGen) : createScope(null, idGen)\n\n  // 两台内嵌机器的 props 都从编排机现读，编排机须先建立\n  const root = useMachine(datePickerMachine, () => ({ ...props, ...handlers }), scope)\n  const calendar = useMachine<CalendarPickerSchema>(calendarPickerMachine, () => datePickerCalendarProps(root), scope)\n  const field = useMachine<DateFieldSchema>(dateFieldMachine, () => datePickerFieldProps(root), scope)\n  const services: DatePickerServices = { root, calendar, field }\n\n  // 服务端没有 DOM、也就没有退场：config 传 null 时闸门退化成「跟着展开态」\n  const config = shallowRef<RuntimeConfig | null>(null)\n  let runtimeDocument: Document | null = null\n\n  if (typeof document !== 'undefined') {\n    const installConfig = (node?: HTMLElement): void => {\n      const current = config.value\n      if (current) {\n        // scope 读取的是动态 rootRef；这里必须与创建配置时冻结的 Document 比，不能拿新根和自己比。\n        if (node)\n          assertDatePickerRootDocument(runtimeDocument!, node)\n        return\n      }\n\n      const next = createRuntimeConfig({ scope, idGenerator: idGen })\n      // 只提供注册函数，入栈出栈由机器的 trackLayer 效应按展开态驱动\n      const registerLayer = (): { layer: Layer, dispose: Cleanup } => next.layerRegistry.register({\n        kind: 'popover',\n        node: () => contentRef.value,\n        // 整个输入行记为本层分支，点 trigger 或段位算层内交互；\n        // 浮层壳一并记上：content 之外还浮着自绘滚动条，按住它拖动不该把浮层消解掉\n        branches: () => [controlRef.value, positionerRef.value].filter(Boolean) as Element[],\n        isModal: () => false,\n        surfaces: () => [],\n      })\n\n      root.refs.set('config', next)\n      root.refs.set('registerLayer', registerLayer)\n      runtimeDocument = next.layerRegistry.ownerDocument\n      config.value = next\n    }\n\n    if (rootRef) {\n      // 元素 ref 在 mounted hooks 之前同步提交：先绑定真实 realm、再让三台 service 启动。\n      watch(rootRef, (node) => {\n        if (node)\n          installConfig(node)\n      }, { flush: 'sync', immediate: true })\n    }\n    else {\n      // 直接调用公开 composable 的既有合同仍代表 ambient Document。\n      installConfig()\n    }\n\n    // 定位引擎由适配器注入，机器只经端口驱动；锚点取整个输入行\n    root.refs.set('position', createPositionEngine())\n    root.refs.set('getAnchorEl', () => controlRef.value)\n    root.refs.set('getFloatingEl', () => positionerRef.value)\n  }\n\n  // 跨月后的焦点落点要等重渲，日历机器推迟一拍再从这里取网格现查\n  calendar.refs.set('getGridEl', () => gridRef.value)\n\n  const api = computed(() => connectDatePicker(services, vueNormalize))\n  // 退场闸门：收起从跟着 open 走，改成跟着 presence 走\n  const visible = useOverlayExit({\n    config,\n    isOpen: () => api.value.open,\n    contentRef,\n    onPresence: presence => root.refs.set('presence', presence),\n  })\n  // 显式配置只选择同一 Document 内的落点，不能反过来决定 Scope，也不能跨 realm 搬运。\n  const portalTarget = computed<string | Element>(() => {\n    const runtime = config.value\n    // 首次 render 时 rootRef 还没提交；不读取显式 getter，Portal 在来源位置正常挂载。\n    if (!runtime)\n      return 'body'\n    const explicitTarget = resolveDatePickerPortalTarget(runtime, xhConfig.value.portalContainer)\n    if (explicitTarget)\n      return explicitTarget\n    const defaultTarget = runtime.portalContainer()\n    if (!isElement(defaultTarget))\n      throw new TypeError('[xh] DatePicker 的运行时 portalContainer 必须返回 Element')\n    return defaultTarget\n  })\n\n  if (typeof document !== 'undefined') {\n    root.refs.set('getContentEl', () => {\n      const content = contentRef.value\n      if (!content || !rootRef)\n        return content\n      // 首次 mounted 时正文仍可能原地挂载，随后 Teleport 搬运会丢失刚取得的焦点。\n      // 以真正进入目标容器为就绪事实，焦点域沿既有挂载流程等待，不提前聚焦临时位置。\n      const runtime = config.value\n      if (!runtime)\n        return null\n      // 焦点域在框架错误通道之外（flush / rAF）调这里，所以只回答 DOM 事实、不复核配置：\n      // 配置错误由渲染读 portalTarget 时抛出并交给框架上报。若这里也读那个 computed，\n      // 先到的一路会把异常截走，渲染只剩缓存的旧值，错误就成了未捕获 rejection。\n      // 跨 Document 或非 Element 的落点不包含正文，正文自然还没进落点。\n      const explicit = xhConfig.value.portalContainer\n      const host = explicit ? explicit() : runtime.portalContainer()\n      return isElement(host) && host.contains(content) ? content : null\n    })\n  }\n\n  return { visible, api, services, controlRef, positionerRef, contentRef, gridRef, portalTarget }\n}\n\n/** 公开 composable 保留 ambient Scope 合同。 */\nexport function useDatePicker(\n  props: DatePickerSchema['props'],\n  handlers: DatePickerHandlers = {},\n): DatePickerContext {\n  return createDatePickerContext(props, handlers)\n}\n\n/** 组合组件内部从真实根节点绑定 Scope；不经包入口导出。 */\nexport function useDatePickerWithRoot(\n  props: DatePickerSchema['props'],\n  handlers: DatePickerHandlers,\n  rootRef: Readonly<Ref<HTMLElement | null>>,\n): DatePickerContext {\n  return createDatePickerContext(props, handlers, rootRef)\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,42 @@
+import { computed, inject, provide } from "vue";
+//#region src/components/date-range-picker/context.ts
+const KEY = Symbol.for("xh-date-range-picker");
+const CELL_KEY = Symbol.for("xh-date-range-picker-cell");
+const SEGMENT_GROUP_KEY = Symbol.for("xh-date-range-picker-segment-group");
+const PANEL_KEY = Symbol.for("xh-date-range-picker-panel");
+/** 没有分段容器时的组号，段位与隐藏输入落到起点组。 */
+const START_GROUP = { index: computed(() => 0) };
+/** 日历未声明面板号时的落点，与单面板时一致。 */
+const FIRST_PANEL = { index: computed(() => 0) };
+function provideDateRangePicker(ctx) {
+	provide(KEY, ctx);
+}
+function useDateRangePickerContext() {
+	const ctx = inject(KEY, null);
+	if (!ctx) throw new Error("[xh] DateRangePicker 部件必须用在 XhDateRangePickerRoot 内");
+	return ctx;
+}
+function provideDateRangePickerCell(ctx) {
+	provide(CELL_KEY, ctx);
+}
+function useDateRangePickerCellContext() {
+	const ctx = inject(CELL_KEY, null);
+	if (!ctx) throw new Error("[xh] DateRangePicker 日期触发器必须用在 XhDateRangePickerCell 内");
+	return ctx;
+}
+function provideDateRangePickerSegmentGroup(ctx) {
+	provide(SEGMENT_GROUP_KEY, ctx);
+}
+function useDateRangePickerSegmentGroupContext() {
+	return inject(SEGMENT_GROUP_KEY, START_GROUP);
+}
+function provideDateRangePickerPanel(ctx) {
+	provide(PANEL_KEY, ctx);
+}
+function useDateRangePickerPanelContext() {
+	return inject(PANEL_KEY, FIRST_PANEL);
+}
+//#endregion
+export { provideDateRangePicker, provideDateRangePickerCell, provideDateRangePickerPanel, provideDateRangePickerSegmentGroup, useDateRangePickerCellContext, useDateRangePickerContext, useDateRangePickerPanelContext, useDateRangePickerSegmentGroupContext };
+
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/date-range-picker/context.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// 提供 context 相关实现。\n\nimport type { CalendarCellProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { DateRangePickerContext } from './use-date-range-picker'\nimport { computed, inject, provide } from 'vue'\n\n/** 格子声明的那一天，供 cell-trigger 复用同一份声明（作者只写一次 value）。 */\nexport interface DateRangePickerCellContext {\n  cell: ComputedRef<CalendarCellProps>\n}\n\n/** 分段容器声明的组号，供组内的段位与隐藏输入认领起止两组之一。 */\nexport interface DateRangePickerSegmentGroupContext {\n  /** 0 是起点组，1 是终点组。 */\n  index: ComputedRef<0 | 1>\n}\n\n/** 日历声明的面板号，供面板内的标题、网格与格子认领自己属于并排的第几张。 */\nexport interface DateRangePickerPanelContext {\n  index: ComputedRef<number>\n}\n\nconst KEY: InjectionKey<DateRangePickerContext> = Symbol.for('xh-date-range-picker')\nconst CELL_KEY: InjectionKey<DateRangePickerCellContext> = Symbol.for('xh-date-range-picker-cell')\nconst SEGMENT_GROUP_KEY: InjectionKey<DateRangePickerSegmentGroupContext> = Symbol.for('xh-date-range-picker-segment-group')\nconst PANEL_KEY: InjectionKey<DateRangePickerPanelContext> = Symbol.for('xh-date-range-picker-panel')\n\n/** 没有分段容器时的组号，段位与隐藏输入落到起点组。 */\nconst START_GROUP: DateRangePickerSegmentGroupContext = { index: computed<0 | 1>(() => 0) }\n\n/** 日历未声明面板号时的落点，与单面板时一致。 */\nconst FIRST_PANEL: DateRangePickerPanelContext = { index: computed(() => 0) }\n\nexport function provideDateRangePicker(ctx: DateRangePickerContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useDateRangePickerContext(): DateRangePickerContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] DateRangePicker 部件必须用在 XhDateRangePickerRoot 内')\n  return ctx\n}\n\nexport function provideDateRangePickerCell(ctx: DateRangePickerCellContext): void {\n  provide(CELL_KEY, ctx)\n}\n\nexport function useDateRangePickerCellContext(): DateRangePickerCellContext {\n  const ctx = inject(CELL_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] DateRangePicker 日期触发器必须用在 XhDateRangePickerCell 内')\n  return ctx\n}\n\nexport function provideDateRangePickerSegmentGroup(ctx: DateRangePickerSegmentGroupContext): void {\n  provide(SEGMENT_GROUP_KEY, ctx)\n}\n\nexport function useDateRangePickerSegmentGroupContext(): DateRangePickerSegmentGroupContext {\n  return inject(SEGMENT_GROUP_KEY, START_GROUP)\n}\n\nexport function provideDateRangePickerPanel(ctx: DateRangePickerPanelContext): void {\n  provide(PANEL_KEY, ctx)\n}\n\nexport function useDateRangePickerPanelContext(): DateRangePickerPanelContext {\n  return inject(PANEL_KEY, FIRST_PANEL)\n}\n"],"mappings":";;AA4BA,MAAM,MAA4C,OAAO,IAAI,sBAAsB;AACnF,MAAM,WAAqD,OAAO,IAAI,2BAA2B;AACjG,MAAM,oBAAsE,OAAO,IAAI,oCAAoC;AAC3H,MAAM,YAAuD,OAAO,IAAI,4BAA4B;;AAGpG,MAAM,cAAkD,EAAE,OAAO,eAAsB,CAAC,EAAE;;AAG1F,MAAM,cAA2C,EAAE,OAAO,eAAe,CAAC,EAAE;AAE5E,SAAgB,uBAAuB,KAAmC;CACxE,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,4BAAoD;CAClE,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,qDAAqD;CACvE,OAAO;AACT;AAEA,SAAgB,2BAA2B,KAAuC;CAChF,QAAQ,UAAU,GAAG;AACvB;AAEA,SAAgB,gCAA4D;CAC1E,MAAM,MAAM,OAAO,UAAU,IAAI;CACjC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,wDAAwD;CAC1E,OAAO;AACT;AAEA,SAAgB,mCAAmC,KAA+C;CAChG,QAAQ,mBAAmB,GAAG;AAChC;AAEA,SAAgB,wCAA4E;CAC1F,OAAO,OAAO,mBAAmB,WAAW;AAC9C;AAEA,SAAgB,4BAA4B,KAAwC;CAClF,QAAQ,WAAW,GAAG;AACxB;AAEA,SAAgB,iCAA8D;CAC5E,OAAO,OAAO,WAAW,WAAW;AACtC"}