@xihan-ui/vue 4.1.0 → 5.0.0

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

@@ -1,18 +1,23 @@
+import { renderStructure } from "../../runtime/structure.js";
 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 { useFieldGroupWiring, useFieldLabelWiring } from "../field/use-field-control.js";
 import { provideTimeRangePicker, provideTimeRangePickerColumn, provideTimeRangePickerEnd, useTimeRangePickerColumnContext, useTimeRangePickerContext, useTimeRangePickerEndContext } from "./context.js";
 import { useTimeRangePicker } from "./use-time-range-picker.js";
-import { computed, defineComponent, h, mergeProps, onUpdated, ref } from "vue";
-import { resolveTimeRangePickerEndIndex } from "@xihan-ui/headless";
+import { resolveTimeRangePickerEndIndex, timeRangePickerStructure } from "@xihan-ui/headless";
+import { computed, defineComponent, h, mergeProps, onUnmounted, onUpdated, ref } from "vue";
 //#region src/components/time-range-picker/time-range-picker.ts
 const XhTimeRangePickerRoot = defineComponent({
 	name: "XhTimeRangePickerRoot",
 	props: {
+		/** 不显示出来的名字，写成 aria-label 落在与字段标签同一个部件上；放进字段或渲染了 label 部件时以它们为准。 */
+		ariaLabel: { type: String },
+		/** 标题文字：不写默认插槽时铺带这段文字的 label 部件；需要放置其他内容时改用 label 插槽。 */
+		label: { type: String },
 		/** 区间两端 [start, end]；空缺的一端用空串占位。 */
 		value: { type: Array },
 		defaultValue: { type: Array },
@@ -51,6 +56,10 @@ const XhTimeRangePickerRoot = defineComponent({
 		},
 		name: { type: String },
 		endName: { type: String },
+		/** 起点那组段位的整条占位：一段都没填、焦点也不在段上时显示这句文字，焦点进到段上即换回段位。 */
+		startPlaceholder: { type: String },
+		/** 终点那组段位的整条占位，规则同 startPlaceholder。 */
+		endPlaceholder: { type: String },
 		variant: { type: String },
 		tone: { type: String },
 		size: { type: String },
@@ -81,7 +90,7 @@ const XhTimeRangePickerRoot = defineComponent({
 			onOpenChange: notifyOpen
 		});
 		provideTimeRangePicker(ctx);
-		return () => h("div", ctx.api.value.getRootProps(), slots.default?.({
+		return () => h("div", ctx.api.value.getRootProps(), !slots.default ? renderDefaultStructure(ctx.api.value, props.label, slots.label) : slots.default({
 			open: ctx.api.value.open,
 			value: ctx.api.value.value,
 			start: ctx.api.value.start,
@@ -102,6 +111,10 @@ const XhTimeRangePickerLabel = defineComponent({
 	name: "XhTimeRangePickerLabel",
 	setup(_, { slots }) {
 		const ctx = useTimeRangePickerContext();
+		ctx.labelCount.value++;
+		onUnmounted(() => {
+			ctx.labelCount.value--;
+		});
 		return () => h("label", ctx.api.value.getLabelProps(), slots.default?.());
 	}
 });
@@ -158,7 +171,7 @@ const XhTimeRangePickerRangeSeparator = defineComponent({
 const XhTimeRangePickerTrigger = defineComponent({
 	name: "XhTimeRangePickerTrigger",
 	setup(_, { slots }) {
-		const fieldWiring = useFieldStateWiring();
+		const fieldWiring = useFieldGroupWiring();
 		const fieldLabel = useFieldLabelWiring();
 		const ctx = useTimeRangePickerContext();
 		return () => h("button", fieldLabel.value({
@@ -356,6 +369,35 @@ const XhTimeRangePickerHiddenInput = defineComponent({
 		};
 	}
 });
+/** 结构里的部件 → 部件组件。 */
+const TIME_RANGE_PICKER_PARTS = {
+	"label": XhTimeRangePickerLabel,
+	"control": XhTimeRangePickerControl,
+	"segment-group": XhTimeRangePickerSegmentGroup,
+	"segment": XhTimeRangePickerSegment,
+	"range-separator": XhTimeRangePickerRangeSeparator,
+	"trigger": XhTimeRangePickerTrigger,
+	"clear-trigger": XhTimeRangePickerClearTrigger,
+	"positioner": XhTimeRangePickerPositioner,
+	"content": XhTimeRangePickerContent,
+	"preset-group": XhTimeRangePickerPresetGroup,
+	"preset": XhTimeRangePickerPreset,
+	"column-group": XhTimeRangePickerColumnGroup,
+	"column-group-label": XhTimeRangePickerColumnGroupLabel,
+	"column": XhTimeRangePickerColumn,
+	"item": XhTimeRangePickerItem,
+	"hidden-input": XhTimeRangePickerHiddenInput
+};
+/**
+* 未写默认插槽时照 timeRangePickerStructure 铺开的整套结构，与 Web Components 不写部件时元素生成的节点出自同一份。
+* 标题文字由 label 给出，需要放置其他内容时由 label 插槽接管。
+*/
+function renderDefaultStructure(api, label, labelSlot) {
+	return renderStructure(timeRangePickerStructure(api, {
+		label,
+		slotted: (name) => name === "label" && labelSlot != null
+	}), TIME_RANGE_PICKER_PARTS, (node) => node.slot?.name === "label" ? labelSlot?.() : void 0);
+}
 //#endregion
 export { XhTimeRangePickerClearTrigger, XhTimeRangePickerColumn, XhTimeRangePickerColumnGroup, XhTimeRangePickerColumnGroupLabel, XhTimeRangePickerContent, XhTimeRangePickerControl, XhTimeRangePickerHiddenInput, XhTimeRangePickerItem, XhTimeRangePickerLabel, XhTimeRangePickerPositioner, XhTimeRangePickerPreset, XhTimeRangePickerPresetGroup, XhTimeRangePickerRangeSeparator, XhTimeRangePickerRoot, XhTimeRangePickerSegment, XhTimeRangePickerSegmentGroup, XhTimeRangePickerTrigger };
 

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

@@ -1 +1 @@
-{"version":3,"file":"time-range-picker.js","names":[],"sources":["../../../src/components/time-range-picker/time-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// 提供 time range picker 相关实现。\n\nimport type { ControlVariant, Direction, Placement, Size, Tone } from '@xihan-ui/core'\nimport type {\n  TimeGranularity,\n  TimeHourCycle,\n  TimePickerColumn,\n  TimePickerColumnUnit,\n  TimeRangePickerApi,\n  TimeRangePickerEndIndex,\n  TimeRangePickerPreset,\n  TimeRangePickerPresetState,\n  TimeRangePickerSchema,\n  TimeSegmentType,\n  TimeStep,\n  TimeUnavailablePredicate,\n} from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { resolveTimeRangePickerEndIndex } 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  provideTimeRangePicker,\n  provideTimeRangePickerColumn,\n  provideTimeRangePickerEnd,\n  useTimeRangePickerColumnContext,\n  useTimeRangePickerContext,\n  useTimeRangePickerEndContext,\n} from './context'\nimport { useTimeRangePicker } from './use-time-range-picker'\n\ntype TimeRangePickerProps = TimeRangePickerSchema['props']\n\n/** 默认插槽的载荷：浮层开合与两端、值状态标志、当前的段与两组时列，以及开合、写值、清空的动作。 */\nexport type TimeRangePickerRootSlotProps = Pick<\n  TimeRangePickerApi,\n  | 'open'\n  | 'value'\n  | 'start'\n  | 'end'\n  | 'empty'\n  | 'outOfRange'\n  | 'reversed'\n  | 'segments'\n  | 'columnGroups'\n  | 'canClear'\n  | 'setOpen'\n  | 'setValue'\n  | 'clear'\n>\n\n/** 时列外壳默认插槽的载荷：该端当前应排列的列。 */\nexport interface TimeRangePickerColumnGroupSlotProps {\n  columns: readonly TimePickerColumn[]\n}\n\n/** 默认插槽的载荷：该列当前的可选值。 */\nexport interface TimeRangePickerColumnSlotProps {\n  options: TimePickerColumn['options']\n}\n\n/** 快捷选项列默认插槽的载荷：逐条的投影，作者据此自行铺设条目。 */\nexport interface TimeRangePickerPresetsSlotProps {\n  presets: readonly TimeRangePickerPresetState[]\n}\n\nexport const XhTimeRangePickerRoot = defineComponent({\n  name: 'XhTimeRangePickerRoot',\n  // 缺省值由 connect 给出；普通类型省略 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    hourCycle: { type: Number as PropType<TimeHourCycle> },\n    granularity: { type: String as PropType<TimeGranularity> },\n    /** 按单位的步进：`{ hour?, minute?, second? }`，各单位缺省 1。 */\n    timeStep: { type: Object as PropType<TimeStep> },\n    /** 快捷选项；提供后浮层中多出一列，时刻要在自己的 computed 中计算后再传入。 */\n    presets: { type: Array as PropType<TimeRangePickerPreset[]> },\n    disabled: { type: Boolean, default: undefined },\n    // 两组段位与时列各自的读屏名字\n    translations: { type: Object as PropType<TimeRangePickerProps['translations']> },\n    /** 逐格可选性：时列按 24 小时制给值，第三个参数带这一端已选的时分与端号。 */\n    isTimeUnavailable: { type: Function as PropType<TimeUnavailablePredicate> },\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    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  },\n  // *-change 携带 details 对象，update:* 携带裸值；值恒为 [start, end]，只填了终点时是 ['', end]\n  emits: {\n    'clear': () => true,\n    'value-change': (_details: PayloadOf<TimeRangePickerProps, 'onValueChange'>) => true,\n    'open-change': (_details: PayloadOf<TimeRangePickerProps, 'onOpenChange'>) => true,\n    'update:value': (_value: PayloadOf<TimeRangePickerProps, 'onValueChange'>['value']) => true,\n    'update:open': (_open: PayloadOf<TimeRangePickerProps, 'onOpenChange'>['open']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: TimeRangePickerRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notifyValue: TimeRangePickerProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const notifyOpen: TimeRangePickerProps['onOpenChange'] = (details) => {\n      emit('open-change', details)\n      emit('update:open', details.open)\n    }\n    const ctx = useTimeRangePicker(withHandlers(withXhConfig('time-range-picker', useFormControlProps(props)), { onClear: () => emit('clear') }) as TimeRangePickerProps, {\n      onValueChange: notifyValue,\n      onOpenChange: notifyOpen,\n    })\n    provideTimeRangePicker(ctx)\n\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      start: ctx.api.value.start,\n      end: ctx.api.value.end,\n      empty: ctx.api.value.empty,\n      outOfRange: ctx.api.value.outOfRange,\n      reversed: ctx.api.value.reversed,\n      segments: ctx.api.value.segments,\n      columnGroups: ctx.api.value.columnGroups,\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 XhTimeRangePickerLabel = defineComponent({\n  name: 'XhTimeRangePickerLabel',\n  setup(_, { slots }) {\n    const ctx = useTimeRangePickerContext()\n    // 仍用原生 label 保持表单语义，点标题聚焦第一段由连接层的 click 接管\n    return () => h('label', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTimeRangePickerControl = defineComponent({\n  name: 'XhTimeRangePickerControl',\n  setup(_, { slots }) {\n    const ctx = useTimeRangePickerContext()\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 XhTimeRangePickerSegmentGroup = defineComponent({\n  name: 'XhTimeRangePickerSegmentGroup',\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 = useTimeRangePickerContext()\n    const index = computed<TimeRangePickerEndIndex>(() => resolveTimeRangePickerEndIndex(props.index))\n    // 组内的段位据此认领起止\n    provideTimeRangePickerEnd({ index })\n    return () => h('div', ctx.api.value.getSegmentGroupProps({ index: index.value }) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTimeRangePickerSegment = defineComponent({\n  name: 'XhTimeRangePickerSegment',\n  props: {\n    // 段的身份由作者声明；属于哪一端跟着所在的段位容器走\n    segment: { type: String as PropType<TimeSegmentType>, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useTimeRangePickerContext()\n    const end = useTimeRangePickerEndContext()\n    // 有插槽用插槽，否则显示该段的文字，空段为占位串\n    return () => h(\n      'span',\n      ctx.api.value.getSegmentProps({ index: end.index.value, segment: props.segment }) as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.getSegmentText({ index: end.index.value, segment: props.segment }),\n    )\n  },\n})\n\nexport const XhTimeRangePickerRangeSeparator = defineComponent({\n  name: 'XhTimeRangePickerRangeSeparator',\n  setup(_, { slots }) {\n    const ctx = useTimeRangePickerContext()\n    return () => h(\n      'span',\n      ctx.api.value.getRangeSeparatorProps() as Record<string, unknown>,\n      slots.default?.() ?? '-',\n    )\n  },\n})\n\nexport const XhTimeRangePickerTrigger = defineComponent({\n  name: 'XhTimeRangePickerTrigger',\n  setup(_, { slots }) {\n    // 字段的说明与校验状态要落在真控件上，不能停在封装根的 div 上\n    const fieldWiring = useFieldStateWiring()\n    // 字段的标签也得并进名字链：控件自带的那条指的是它自己那个没渲染的 label 部件\n    const fieldLabel = useFieldLabelWiring()\n    const ctx = useTimeRangePickerContext()\n    return () => h('button', fieldLabel.value({\n      ...fieldWiring.value,\n      ...ctx.api.value.getTriggerProps() as Record<string, unknown>,\n      // 归还焦点要落到它身上：锚点取的是整个输入行，那一层不可聚焦\n      ref: (el: unknown) => { ctx.triggerRef.value = el as HTMLElement },\n    }), slots.default?.())\n  },\n})\n\nexport const XhTimeRangePickerClearTrigger = defineComponent({\n  name: 'XhTimeRangePickerClearTrigger',\n  setup(_, { slots }) {\n    const ctx = useTimeRangePickerContext()\n    return () => h('button', ctx.api.value.getClearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTimeRangePickerPositioner = defineComponent({\n  name: 'XhTimeRangePickerPositioner',\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 = useTimeRangePickerContext()\n    // 浮层面板的自绘条：两组时列并排放不下时面板整体横滚，横条与 content 同级挂在已经 fixed 的 positioner 上，\n    // 条子走浮层 4px 档；各列自己竖滚的条子贴在列上、挂在 content 里\n    const bars = useScrollbars({\n      scrollable: () => ctx.contentRef.value,\n      axes: ['horizontal'],\n      props: () => ({ dir: (ctx.api.value.getPositionerProps() as { dir?: Direction }).dir, size: 'sm' }),\n    })\n    // 搬到 portal 落点：留在原地的话，宿主祖先只要建了层叠上下文就能盖住浮层\n    return () => h(XhPortal, { to: props.container ?? ctx.portalTarget.value, source: ctx.controlRef, present: ctx.visible.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 XhTimeRangePickerContent = defineComponent({\n  name: 'XhTimeRangePickerContent',\n  setup(_, { slots }) {\n    const ctx = useTimeRangePickerContext()\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\nexport const XhTimeRangePickerPresetGroup = defineComponent({\n  name: 'XhTimeRangePickerPresetGroup',\n  slots: Object as SlotsType<{\n    /** 自行铺设条目；未写时按 presets 数据自动铺设，两者产出的 DOM 一致。 */\n    default?: (props: TimeRangePickerPresetsSlotProps) => VNode[]\n  }>,\n  // 根是片段（选项列节点 + 贴层的条子），Vue 不会把直通属性合上去：作者写的 class、style 与 data-* 自己接住落到列节点上\n  inheritAttrs: false,\n  setup(_, { slots, attrs }) {\n    const ctx = useTimeRangePickerContext()\n    const presetGroupRef = ref<HTMLElement | null>(null)\n    // 快捷选项列定高自己竖滚：条子贴在它的盒子上、紧跟在它后面（浮层 4px 档）\n    const bars = useScrollbars({\n      scrollable: () => presetGroupRef.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 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 XhTimeRangePickerPreset = defineComponent({\n  name: 'XhTimeRangePickerPreset',\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 = useTimeRangePickerContext()\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 XhTimeRangePickerColumnGroup = defineComponent({\n  name: 'XhTimeRangePickerColumnGroup',\n  props: {\n    // 端号：0 起点、1 终点，兼收字符串以支持模板里写 index=\"1\"\n    index: { type: [Number, String] as PropType<number | string>, default: 0 },\n  },\n  slots: Object as SlotsType<{\n    default?: (props: TimeRangePickerColumnGroupSlotProps) => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useTimeRangePickerContext()\n    const index = computed<TimeRangePickerEndIndex>(() => resolveTimeRangePickerEndIndex(props.index))\n    // 组内的小标题、列与选项据此认领起止\n    provideTimeRangePickerEnd({ index })\n    return () => h(\n      'div',\n      ctx.api.value.getColumnGroupProps({ index: index.value }) as Record<string, unknown>,\n      slots.default?.({ columns: ctx.api.value.columnGroups[index.value].columns }),\n    )\n  },\n})\n\nexport const XhTimeRangePickerColumnGroupLabel = defineComponent({\n  name: 'XhTimeRangePickerColumnGroupLabel',\n  setup(_, { slots }) {\n    const ctx = useTimeRangePickerContext()\n    const end = useTimeRangePickerEndContext()\n    return () => h('div', ctx.api.value.getColumnGroupLabelProps({ index: end.index.value }) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTimeRangePickerColumn = defineComponent({\n  name: 'XhTimeRangePickerColumn',\n  props: {\n    unit: { type: String as PropType<TimePickerColumnUnit>, required: true },\n  },\n  slots: Object as SlotsType<{\n    default?: (props: TimeRangePickerColumnSlotProps) => VNode[]\n  }>,\n  // 根是片段（列节点 + 贴层的条子），Vue 不会把直通属性合上去：作者写的 class、style 与 data-* 自己接住落到列节点上\n  inheritAttrs: false,\n  setup(props, { slots, attrs }) {\n    const ctx = useTimeRangePickerContext()\n    const end = useTimeRangePickerEndContext()\n    const unit = computed(() => props.unit)\n    // 下传单位，供列内选项取到自己归哪一列\n    provideTimeRangePickerColumn({ unit })\n    const columnRef = ref<HTMLElement | null>(null)\n    // 定高的时间列自己竖滚：条子贴在本列的盒子上、紧跟在它后面（浮层 4px 档）\n    const bars = useScrollbars({\n      scrollable: () => columnRef.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      h(\n        'div',\n        {\n          ...mergeProps(ctx.api.value.getColumnProps({ index: end.index.value, unit: props.unit }) as Record<string, unknown>, attrs),\n          ref: (el: unknown) => { columnRef.value = el as HTMLElement },\n        },\n        slots.default?.({ options: ctx.api.value.columnGroups[end.index.value].columns.find(c => c.unit === props.unit)?.options ?? [] }),\n      ),\n      ...bars.render(),\n    ]\n  },\n})\n\nexport const XhTimeRangePickerItem = defineComponent({\n  name: 'XhTimeRangePickerItem',\n  props: {\n    /** 两位补零的显示串（'09' / '30'）；上下午列写 '00' / '01'。 */\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useTimeRangePickerContext()\n    const end = useTimeRangePickerEndContext()\n    const { unit } = useTimeRangePickerColumnContext()\n    // 有插槽用插槽，否则显示这一格该显示的文字（上下午列按 locale 译成「上午 / 下午」）\n    return () => h(\n      'div',\n      ctx.api.value.getItemProps({ index: end.index.value, unit: unit.value, value: props.value }) as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.getItemText({ unit: unit.value, value: props.value }),\n    )\n  },\n})\n\nexport const XhTimeRangePickerHiddenInput = defineComponent({\n  name: 'XhTimeRangePickerHiddenInput',\n  props: {\n    // 写在段位容器外面时用它指明属于哪一端；写在容器里面不必给，跟着容器走\n    index: { type: [Number, String] as PropType<number | string> },\n  },\n  setup(props) {\n    const ctx = useTimeRangePickerContext()\n    const end = useTimeRangePickerEndContext()\n    return () => {\n      const index = props.index === undefined ? end.index.value : resolveTimeRangePickerEndIndex(props.index)\n      return h('input', ctx.api.value.getHiddenInputProps({ index }) as Record<string, unknown>)\n    }\n  },\n})\n"],"mappings":";;;;;;;;;;;;AA8EA,MAAa,wBAAwB,gBAAgB;CACnD,MAAM;CAEN,OAAO;;EAEL,OAAO,EAAE,MAAM,MAA4B;EAC3C,cAAc,EAAE,MAAM,MAA4B;EAClD,MAAM;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC1C,aAAa;EACb,KAAK,EAAE,MAAM,OAAO;EACpB,KAAK,EAAE,MAAM,OAAO;EACpB,QAAQ,EAAE,MAAM,OAAO;EACvB,WAAW,EAAE,MAAM,OAAkC;EACrD,aAAa,EAAE,MAAM,OAAoC;;EAEzD,UAAU,EAAE,MAAM,OAA6B;;EAE/C,SAAS,EAAE,MAAM,MAA2C;EAC5D,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAE9C,cAAc,EAAE,MAAM,OAAyD;;EAE/E,mBAAmB,EAAE,MAAM,SAA+C;EAC1E,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;EAErB,SAAS,EAAE,MAAM,OAAO;EACxB,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;CAC7C;CAEA,OAAO;EACL,eAAe;EACf,iBAAiB,aAA+D;EAChF,gBAAgB,aAA8D;EAC9E,iBAAiB,WAAsE;EACvF,gBAAgB,UAAmE;CACrF;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,eAAsD,YAAY;GACtE,KAAK,gBAAgB,OAAO;GAC5B,KAAK,gBAAgB,QAAQ,KAAK;EACpC;EACA,MAAM,cAAoD,YAAY;GACpE,KAAK,eAAe,OAAO;GAC3B,KAAK,eAAe,QAAQ,IAAI;EAClC;EACA,MAAM,MAAM,mBAAmB,aAAa,aAAa,qBAAqB,oBAAoB,KAAK,CAAC,GAAG,EAAE,eAAe,KAAK,OAAO,EAAE,CAAC,GAA2B;GACpK,eAAe;GACf,cAAc;EAChB,CAAC;EACD,uBAAuB,GAAG;EAE1B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU;GAC7F,MAAM,IAAI,IAAI,MAAM;GACpB,OAAO,IAAI,IAAI,MAAM;GACrB,OAAO,IAAI,IAAI,MAAM;GACrB,KAAK,IAAI,IAAI,MAAM;GACnB,OAAO,IAAI,IAAI,MAAM;GACrB,YAAY,IAAI,IAAI,MAAM;GAC1B,UAAU,IAAI,IAAI,MAAM;GACxB,UAAU,IAAI,IAAI,MAAM;GACxB,cAAc,IAAI,IAAI,MAAM;GAC5B,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,yBAAyB,gBAAgB;CACpD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,0BAA0B;EAEtC,aAAa,EAAE,SAAS,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACrG;AACF,CAAC;AAED,MAAa,2BAA2B,gBAAgB;CACtD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,0BAA0B;EACtC,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,gCAAgC,gBAAgB;CAC3D,MAAM;CACN,OAAO,EAEL,OAAO;EAAE,MAAM,CAAC,QAAQ,MAAM;EAAgC,SAAS;CAAE,EAC3E;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,0BAA0B;EACtC,MAAM,QAAQ,eAAwC,+BAA+B,MAAM,KAAK,CAAC;EAEjG,0BAA0B,EAAE,MAAM,CAAC;EACnC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,qBAAqB,EAAE,OAAO,MAAM,MAAM,CAAC,GAA8B,MAAM,UAAU,CAAC;CAChI;AACF,CAAC;AAED,MAAa,2BAA2B,gBAAgB;CACtD,MAAM;CACN,OAAO,EAEL,SAAS;EAAE,MAAM;EAAqC,UAAU;CAAK,EACvE;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,0BAA0B;EACtC,MAAM,MAAM,6BAA6B;EAEzC,aAAa,EACX,QACA,IAAI,IAAI,MAAM,gBAAgB;GAAE,OAAO,IAAI,MAAM;GAAO,SAAS,MAAM;EAAQ,CAAC,GAChF,MAAM,UAAU,KAAK,IAAI,IAAI,MAAM,eAAe;GAAE,OAAO,IAAI,MAAM;GAAO,SAAS,MAAM;EAAQ,CAAC,CACtG;CACF;AACF,CAAC;AAED,MAAa,kCAAkC,gBAAgB;CAC7D,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,0BAA0B;EACtC,aAAa,EACX,QACA,IAAI,IAAI,MAAM,uBAAuB,GACrC,MAAM,UAAU,KAAK,GACvB;CACF;AACF,CAAC;AAED,MAAa,2BAA2B,gBAAgB;CACtD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAElB,MAAM,cAAc,oBAAoB;EAExC,MAAM,aAAa,oBAAoB;EACvC,MAAM,MAAM,0BAA0B;EACtC,aAAa,EAAE,UAAU,WAAW,MAAM;GACxC,GAAG,YAAY;GACf,GAAG,IAAI,IAAI,MAAM,gBAAgB;GAEjC,MAAM,OAAgB;IAAE,IAAI,WAAW,QAAQ;GAAkB;EACnE,CAAC,GAAG,MAAM,UAAU,CAAC;CACvB;AACF,CAAC;AAED,MAAa,gCAAgC,gBAAgB;CAC3D,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,0BAA0B;EACtC,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,qBAAqB,GAA8B,MAAM,UAAU,CAAC;CAC7G;AACF,CAAC;AAED,MAAa,8BAA8B,gBAAgB;CACzD,MAAM;CACN,OAAO;;AAEL,WAAW,EAAE,MAAM,OAA4B,EACjD;CAEA,cAAc;CACd,MAAM,OAAO,EAAE,OAAO,SAAS;EAC7B,MAAM,MAAM,0BAA0B;EAGtC,MAAM,OAAO,cAAc;GACzB,kBAAkB,IAAI,WAAW;GACjC,MAAM,CAAC,YAAY;GACnB,cAAc;IAAE,KAAM,IAAI,IAAI,MAAM,mBAAmB,CAAC,CAAyB;IAAK,MAAM;GAAK;EACnG,CAAC;EAED,aAAa,EAAE,UAAU;GAAE,IAAI,MAAM,aAAa,IAAI,aAAa;GAAO,QAAQ,IAAI;GAAY,SAAS,IAAI,QAAQ;EAAM,SAAS,CACpI,EAAE,OAAO;GACP,GAAG,WAAW,IAAI,IAAI,MAAM,mBAAmB,GAA8B,KAAK;GAClF,MAAM,OAAgB;IAAE,IAAI,cAAc,QAAQ;GAAkB;EACtE,GAAG,CAAC,GAAI,MAAM,UAAU,KAAK,CAAC,GAAI,GAAG,KAAK,OAAO,CAAC,CAAC,CACrD,CAAC;CACH;AACF,CAAC;AAED,MAAa,2BAA2B,gBAAgB;CACtD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,0BAA0B;EACtC,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;AAED,MAAa,+BAA+B,gBAAgB;CAC1D,MAAM;CACN,OAAO;CAKP,cAAc;CACd,MAAM,GAAG,EAAE,OAAO,SAAS;EACzB,MAAM,MAAM,0BAA0B;EACtC,MAAM,iBAAiB,IAAwB,IAAI;EAEnD,MAAM,OAAO,cAAc;GACzB,kBAAkB,eAAe;GACjC,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,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,0BAA0B,gBAAgB;CACrD,MAAM;CACN,OAAO;;AAEL,OAAO;EAAE,MAAM;EAAQ,UAAU;CAAK,EACxC;CACA,OAAO;CAIP,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,0BAA0B;EACtC,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;AAED,MAAa,+BAA+B,gBAAgB;CAC1D,MAAM;CACN,OAAO,EAEL,OAAO;EAAE,MAAM,CAAC,QAAQ,MAAM;EAAgC,SAAS;CAAE,EAC3E;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,0BAA0B;EACtC,MAAM,QAAQ,eAAwC,+BAA+B,MAAM,KAAK,CAAC;EAEjG,0BAA0B,EAAE,MAAM,CAAC;EACnC,aAAa,EACX,OACA,IAAI,IAAI,MAAM,oBAAoB,EAAE,OAAO,MAAM,MAAM,CAAC,GACxD,MAAM,UAAU,EAAE,SAAS,IAAI,IAAI,MAAM,aAAa,MAAM,MAAM,CAAC,QAAQ,CAAC,CAC9E;CACF;AACF,CAAC;AAED,MAAa,oCAAoC,gBAAgB;CAC/D,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,0BAA0B;EACtC,MAAM,MAAM,6BAA6B;EACzC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,yBAAyB,EAAE,OAAO,IAAI,MAAM,MAAM,CAAC,GAA8B,MAAM,UAAU,CAAC;CACxI;AACF,CAAC;AAED,MAAa,0BAA0B,gBAAgB;CACrD,MAAM;CACN,OAAO,EACL,MAAM;EAAE,MAAM;EAA0C,UAAU;CAAK,EACzE;CACA,OAAO;CAIP,cAAc;CACd,MAAM,OAAO,EAAE,OAAO,SAAS;EAC7B,MAAM,MAAM,0BAA0B;EACtC,MAAM,MAAM,6BAA6B;EAGzC,6BAA6B,EAAE,MAFlB,eAAe,MAAM,IAEA,EAAE,CAAC;EACrC,MAAM,YAAY,IAAwB,IAAI;EAE9C,MAAM,OAAO,cAAc;GACzB,kBAAkB,UAAU;GAC5B,QAAQ;GACR,cAAc;IAAE,KAAM,IAAI,IAAI,MAAM,mBAAmB,CAAC,CAAyB;IAAK,MAAM;GAAK;EACnG,CAAC;EACD,gBAAgB,KAAK,QAAQ,CAAC;EAC9B,aAAa,CACX,EACE,OACA;GACE,GAAG,WAAW,IAAI,IAAI,MAAM,eAAe;IAAE,OAAO,IAAI,MAAM;IAAO,MAAM,MAAM;GAAK,CAAC,GAA8B,KAAK;GAC1H,MAAM,OAAgB;IAAE,UAAU,QAAQ;GAAkB;EAC9D,GACA,MAAM,UAAU,EAAE,SAAS,IAAI,IAAI,MAAM,aAAa,IAAI,MAAM,MAAM,CAAC,QAAQ,MAAK,MAAK,EAAE,SAAS,MAAM,IAAI,CAAC,EAAE,WAAW,CAAC,EAAE,CAAC,CAClI,GACA,GAAG,KAAK,OAAO,CACjB;CACF;AACF,CAAC;AAED,MAAa,wBAAwB,gBAAgB;CACnD,MAAM;CACN,OAAO;;AAEL,OAAO;EAAE,MAAM;EAAQ,UAAU;CAAK,EACxC;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,0BAA0B;EACtC,MAAM,MAAM,6BAA6B;EACzC,MAAM,EAAE,SAAS,gCAAgC;EAEjD,aAAa,EACX,OACA,IAAI,IAAI,MAAM,aAAa;GAAE,OAAO,IAAI,MAAM;GAAO,MAAM,KAAK;GAAO,OAAO,MAAM;EAAM,CAAC,GAC3F,MAAM,UAAU,KAAK,IAAI,IAAI,MAAM,YAAY;GAAE,MAAM,KAAK;GAAO,OAAO,MAAM;EAAM,CAAC,CACzF;CACF;AACF,CAAC;AAED,MAAa,+BAA+B,gBAAgB;CAC1D,MAAM;CACN,OAAO,EAEL,OAAO,EAAE,MAAM,CAAC,QAAQ,MAAM,EAA+B,EAC/D;CACA,MAAM,OAAO;EACX,MAAM,MAAM,0BAA0B;EACtC,MAAM,MAAM,6BAA6B;EACzC,aAAa;GACX,MAAM,QAAQ,MAAM,UAAU,KAAA,IAAY,IAAI,MAAM,QAAQ,+BAA+B,MAAM,KAAK;GACtG,OAAO,EAAE,SAAS,IAAI,IAAI,MAAM,oBAAoB,EAAE,MAAM,CAAC,CAA4B;EAC3F;CACF;AACF,CAAC"}
+{"version":3,"file":"time-range-picker.js","names":[],"sources":["../../../src/components/time-range-picker/time-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// 提供 time range picker 相关实现。\n\nimport type { ControlVariant, Direction, Placement, Size, Tone } from '@xihan-ui/core'\nimport type {\n  TimeGranularity,\n  TimeHourCycle,\n  TimePickerColumn,\n  TimePickerColumnUnit,\n  TimeRangePickerApi,\n  TimeRangePickerEndIndex,\n  TimeRangePickerPreset,\n  TimeRangePickerPresetState,\n  TimeRangePickerSchema,\n  TimeSegmentType,\n  TimeStep,\n  TimeUnavailablePredicate,\n} from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { resolveTimeRangePickerEndIndex, timeRangePickerStructure } from '@xihan-ui/headless'\nimport { computed, defineComponent, h, mergeProps, onUnmounted, onUpdated, ref } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { XhPortal } from '../../runtime/portal'\nimport { slotPaints } from '../../runtime/slot-content'\nimport { renderStructure } from '../../runtime/structure'\nimport { useScrollbars } from '../../runtime/use-scrollbars'\nimport { withHandlers } from '../../runtime/with-handlers'\nimport { useFieldGroupWiring, useFieldLabelWiring } from '../field/use-field-control'\nimport { useFormControlProps } from '../form/use-form-control'\nimport {\n  provideTimeRangePicker,\n  provideTimeRangePickerColumn,\n  provideTimeRangePickerEnd,\n  useTimeRangePickerColumnContext,\n  useTimeRangePickerContext,\n  useTimeRangePickerEndContext,\n} from './context'\nimport { useTimeRangePicker } from './use-time-range-picker'\n\ntype TimeRangePickerProps = TimeRangePickerSchema['props']\n\n/** 默认插槽的载荷：浮层开合与两端、值状态标志、当前的段与两组时列，以及开合、写值、清空的动作。 */\nexport type TimeRangePickerRootSlotProps = Pick<\n  TimeRangePickerApi,\n  | 'open'\n  | 'value'\n  | 'start'\n  | 'end'\n  | 'empty'\n  | 'outOfRange'\n  | 'reversed'\n  | 'segments'\n  | 'columnGroups'\n  | 'canClear'\n  | 'setOpen'\n  | 'setValue'\n  | 'clear'\n>\n\n/** 时列外壳默认插槽的载荷：该端当前应排列的列。 */\nexport interface TimeRangePickerColumnGroupSlotProps {\n  columns: readonly TimePickerColumn[]\n}\n\n/** 默认插槽的载荷：该列当前的可选值。 */\nexport interface TimeRangePickerColumnSlotProps {\n  options: TimePickerColumn['options']\n}\n\n/** 快捷选项列默认插槽的载荷：逐条的投影，作者据此自行铺设条目。 */\nexport interface TimeRangePickerPresetsSlotProps {\n  presets: readonly TimeRangePickerPresetState[]\n}\n\nexport const XhTimeRangePickerRoot = defineComponent({\n  name: 'XhTimeRangePickerRoot',\n  // 缺省值由 connect 给出；普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    /** 不显示出来的名字，写成 aria-label 落在与字段标签同一个部件上；放进字段或渲染了 label 部件时以它们为准。 */\n    ariaLabel: { type: String },\n    /** 标题文字：不写默认插槽时铺带这段文字的 label 部件；需要放置其他内容时改用 label 插槽。 */\n    label: { type: String },\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    hourCycle: { type: Number as PropType<TimeHourCycle> },\n    granularity: { type: String as PropType<TimeGranularity> },\n    /** 按单位的步进：`{ hour?, minute?, second? }`，各单位缺省 1。 */\n    timeStep: { type: Object as PropType<TimeStep> },\n    /** 快捷选项；提供后浮层中多出一列，时刻要在自己的 computed 中计算后再传入。 */\n    presets: { type: Array as PropType<TimeRangePickerPreset[]> },\n    disabled: { type: Boolean, default: undefined },\n    // 两组段位与时列各自的读屏名字\n    translations: { type: Object as PropType<TimeRangePickerProps['translations']> },\n    /** 逐格可选性：时列按 24 小时制给值，第三个参数带这一端已选的时分与端号。 */\n    isTimeUnavailable: { type: Function as PropType<TimeUnavailablePredicate> },\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    startPlaceholder: { type: String },\n    /** 终点那组段位的整条占位，规则同 startPlaceholder。 */\n    endPlaceholder: { type: String },\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  },\n  // *-change 携带 details 对象，update:* 携带裸值；值恒为 [start, end]，只填了终点时是 ['', end]\n  emits: {\n    'clear': () => true,\n    'value-change': (_details: PayloadOf<TimeRangePickerProps, 'onValueChange'>) => true,\n    'open-change': (_details: PayloadOf<TimeRangePickerProps, 'onOpenChange'>) => true,\n    'update:value': (_value: PayloadOf<TimeRangePickerProps, 'onValueChange'>['value']) => true,\n    'update:open': (_open: PayloadOf<TimeRangePickerProps, 'onOpenChange'>['open']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: TimeRangePickerRootSlotProps) => VNode[]\n    /** 不写默认插槽时标题的内容，盖过 label 文字。 */\n    label?: () => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notifyValue: TimeRangePickerProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const notifyOpen: TimeRangePickerProps['onOpenChange'] = (details) => {\n      emit('open-change', details)\n      emit('update:open', details.open)\n    }\n    const ctx = useTimeRangePicker(withHandlers(withXhConfig('time-range-picker', useFormControlProps(props)), { onClear: () => emit('clear') }) as TimeRangePickerProps, {\n      onValueChange: notifyValue,\n      onOpenChange: notifyOpen,\n    })\n    provideTimeRangePicker(ctx)\n\n    // 没写默认插槽时照 timeRangePickerStructure 铺整套结构\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, !slots.default\n      ? renderDefaultStructure(ctx.api.value, props.label, slots.label)\n      : 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          empty: ctx.api.value.empty,\n          outOfRange: ctx.api.value.outOfRange,\n          reversed: ctx.api.value.reversed,\n          segments: ctx.api.value.segments,\n          columnGroups: ctx.api.value.columnGroups,\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 XhTimeRangePickerLabel = defineComponent({\n  name: 'XhTimeRangePickerLabel',\n  setup(_, { slots }) {\n    const ctx = useTimeRangePickerContext()\n    // 渲出来就登记，在 setup 里同步做：排在输入之前时首帧与服务端直出就带上名字\n    ctx.labelCount.value++\n    onUnmounted(() => {\n      ctx.labelCount.value--\n    })\n    // 仍用原生 label 保持表单语义，点标题聚焦第一段由连接层的 click 接管\n    return () => h('label', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTimeRangePickerControl = defineComponent({\n  name: 'XhTimeRangePickerControl',\n  setup(_, { slots }) {\n    const ctx = useTimeRangePickerContext()\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 XhTimeRangePickerSegmentGroup = defineComponent({\n  name: 'XhTimeRangePickerSegmentGroup',\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 = useTimeRangePickerContext()\n    const index = computed<TimeRangePickerEndIndex>(() => resolveTimeRangePickerEndIndex(props.index))\n    // 组内的段位据此认领起止\n    provideTimeRangePickerEnd({ index })\n    return () => h('div', ctx.api.value.getSegmentGroupProps({ index: index.value }) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTimeRangePickerSegment = defineComponent({\n  name: 'XhTimeRangePickerSegment',\n  props: {\n    // 段的身份由作者声明；属于哪一端跟着所在的段位容器走\n    segment: { type: String as PropType<TimeSegmentType>, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useTimeRangePickerContext()\n    const end = useTimeRangePickerEndContext()\n    // 有插槽用插槽，否则显示该段的文字，空段为占位串\n    return () => h(\n      'span',\n      ctx.api.value.getSegmentProps({ index: end.index.value, segment: props.segment }) as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.getSegmentText({ index: end.index.value, segment: props.segment }),\n    )\n  },\n})\n\nexport const XhTimeRangePickerRangeSeparator = defineComponent({\n  name: 'XhTimeRangePickerRangeSeparator',\n  setup(_, { slots }) {\n    const ctx = useTimeRangePickerContext()\n    return () => h(\n      'span',\n      ctx.api.value.getRangeSeparatorProps() as Record<string, unknown>,\n      slots.default?.() ?? '-',\n    )\n  },\n})\n\nexport const XhTimeRangePickerTrigger = defineComponent({\n  name: 'XhTimeRangePickerTrigger',\n  setup(_, { slots }) {\n    // 放进字段时字段的说明与错误文案接到触发钮上；按钮不收 aria-required / aria-readonly，只取描述链，\n    // 只读、必填与校验状态由各段自己按字段状态投影\n    const fieldWiring = useFieldGroupWiring()\n    // 字段的标签也得并进名字链：控件自带的那条指的是它自己那个没渲染的 label 部件\n    const fieldLabel = useFieldLabelWiring()\n    const ctx = useTimeRangePickerContext()\n    return () => h('button', fieldLabel.value({\n      ...fieldWiring.value,\n      ...ctx.api.value.getTriggerProps() as Record<string, unknown>,\n      // 归还焦点要落到它身上：锚点取的是整个输入行，那一层不可聚焦\n      ref: (el: unknown) => { ctx.triggerRef.value = el as HTMLElement },\n    }), slots.default?.())\n  },\n})\n\nexport const XhTimeRangePickerClearTrigger = defineComponent({\n  name: 'XhTimeRangePickerClearTrigger',\n  setup(_, { slots }) {\n    const ctx = useTimeRangePickerContext()\n    return () => h('button', ctx.api.value.getClearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTimeRangePickerPositioner = defineComponent({\n  name: 'XhTimeRangePickerPositioner',\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 = useTimeRangePickerContext()\n    // 浮层面板的自绘条：两组时列并排放不下时面板整体横滚，横条与 content 同级挂在已经 fixed 的 positioner 上，\n    // 条子走浮层 4px 档；各列自己竖滚的条子贴在列上、挂在 content 里\n    const bars = useScrollbars({\n      scrollable: () => ctx.contentRef.value,\n      axes: ['horizontal'],\n      props: () => ({ dir: (ctx.api.value.getPositionerProps() as { dir?: Direction }).dir, size: 'sm' }),\n    })\n    // 搬到 portal 落点：留在原地的话，宿主祖先只要建了层叠上下文就能盖住浮层\n    return () => h(XhPortal, { to: props.container ?? ctx.portalTarget.value, source: ctx.controlRef, present: ctx.visible.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 XhTimeRangePickerContent = defineComponent({\n  name: 'XhTimeRangePickerContent',\n  setup(_, { slots }) {\n    const ctx = useTimeRangePickerContext()\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\nexport const XhTimeRangePickerPresetGroup = defineComponent({\n  name: 'XhTimeRangePickerPresetGroup',\n  slots: Object as SlotsType<{\n    /** 自行铺设条目；未写时按 presets 数据自动铺设，两者产出的 DOM 一致。 */\n    default?: (props: TimeRangePickerPresetsSlotProps) => VNode[]\n  }>,\n  // 根是片段（选项列节点 + 贴层的条子），Vue 不会把直通属性合上去：作者写的 class、style 与 data-* 自己接住落到列节点上\n  inheritAttrs: false,\n  setup(_, { slots, attrs }) {\n    const ctx = useTimeRangePickerContext()\n    const presetGroupRef = ref<HTMLElement | null>(null)\n    // 快捷选项列定高自己竖滚：条子贴在它的盒子上、紧跟在它后面（浮层 4px 档）\n    const bars = useScrollbars({\n      scrollable: () => presetGroupRef.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 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 XhTimeRangePickerPreset = defineComponent({\n  name: 'XhTimeRangePickerPreset',\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 = useTimeRangePickerContext()\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 XhTimeRangePickerColumnGroup = defineComponent({\n  name: 'XhTimeRangePickerColumnGroup',\n  props: {\n    // 端号：0 起点、1 终点，兼收字符串以支持模板里写 index=\"1\"\n    index: { type: [Number, String] as PropType<number | string>, default: 0 },\n  },\n  slots: Object as SlotsType<{\n    default?: (props: TimeRangePickerColumnGroupSlotProps) => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useTimeRangePickerContext()\n    const index = computed<TimeRangePickerEndIndex>(() => resolveTimeRangePickerEndIndex(props.index))\n    // 组内的小标题、列与选项据此认领起止\n    provideTimeRangePickerEnd({ index })\n    return () => h(\n      'div',\n      ctx.api.value.getColumnGroupProps({ index: index.value }) as Record<string, unknown>,\n      slots.default?.({ columns: ctx.api.value.columnGroups[index.value].columns }),\n    )\n  },\n})\n\nexport const XhTimeRangePickerColumnGroupLabel = defineComponent({\n  name: 'XhTimeRangePickerColumnGroupLabel',\n  setup(_, { slots }) {\n    const ctx = useTimeRangePickerContext()\n    const end = useTimeRangePickerEndContext()\n    return () => h('div', ctx.api.value.getColumnGroupLabelProps({ index: end.index.value }) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTimeRangePickerColumn = defineComponent({\n  name: 'XhTimeRangePickerColumn',\n  props: {\n    unit: { type: String as PropType<TimePickerColumnUnit>, required: true },\n  },\n  slots: Object as SlotsType<{\n    default?: (props: TimeRangePickerColumnSlotProps) => VNode[]\n  }>,\n  // 根是片段（列节点 + 贴层的条子），Vue 不会把直通属性合上去：作者写的 class、style 与 data-* 自己接住落到列节点上\n  inheritAttrs: false,\n  setup(props, { slots, attrs }) {\n    const ctx = useTimeRangePickerContext()\n    const end = useTimeRangePickerEndContext()\n    const unit = computed(() => props.unit)\n    // 下传单位，供列内选项取到自己归哪一列\n    provideTimeRangePickerColumn({ unit })\n    const columnRef = ref<HTMLElement | null>(null)\n    // 定高的时间列自己竖滚：条子贴在本列的盒子上、紧跟在它后面（浮层 4px 档）\n    const bars = useScrollbars({\n      scrollable: () => columnRef.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      h(\n        'div',\n        {\n          ...mergeProps(ctx.api.value.getColumnProps({ index: end.index.value, unit: props.unit }) as Record<string, unknown>, attrs),\n          ref: (el: unknown) => { columnRef.value = el as HTMLElement },\n        },\n        slots.default?.({ options: ctx.api.value.columnGroups[end.index.value].columns.find(c => c.unit === props.unit)?.options ?? [] }),\n      ),\n      ...bars.render(),\n    ]\n  },\n})\n\nexport const XhTimeRangePickerItem = defineComponent({\n  name: 'XhTimeRangePickerItem',\n  props: {\n    /** 两位补零的显示串（'09' / '30'）；上下午列写 '00' / '01'。 */\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useTimeRangePickerContext()\n    const end = useTimeRangePickerEndContext()\n    const { unit } = useTimeRangePickerColumnContext()\n    // 有插槽用插槽，否则显示这一格该显示的文字（上下午列按 locale 译成「上午 / 下午」）\n    return () => h(\n      'div',\n      ctx.api.value.getItemProps({ index: end.index.value, unit: unit.value, value: props.value }) as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.getItemText({ unit: unit.value, value: props.value }),\n    )\n  },\n})\n\nexport const XhTimeRangePickerHiddenInput = defineComponent({\n  name: 'XhTimeRangePickerHiddenInput',\n  props: {\n    // 写在段位容器外面时用它指明属于哪一端；写在容器里面不必给，跟着容器走\n    index: { type: [Number, String] as PropType<number | string> },\n  },\n  setup(props) {\n    const ctx = useTimeRangePickerContext()\n    const end = useTimeRangePickerEndContext()\n    return () => {\n      const index = props.index === undefined ? end.index.value : resolveTimeRangePickerEndIndex(props.index)\n      return h('input', ctx.api.value.getHiddenInputProps({ index }) as Record<string, unknown>)\n    }\n  },\n})\n\n/** 结构里的部件 → 部件组件。 */\nconst TIME_RANGE_PICKER_PARTS = {\n  'label': XhTimeRangePickerLabel,\n  'control': XhTimeRangePickerControl,\n  'segment-group': XhTimeRangePickerSegmentGroup,\n  'segment': XhTimeRangePickerSegment,\n  'range-separator': XhTimeRangePickerRangeSeparator,\n  'trigger': XhTimeRangePickerTrigger,\n  'clear-trigger': XhTimeRangePickerClearTrigger,\n  'positioner': XhTimeRangePickerPositioner,\n  'content': XhTimeRangePickerContent,\n  'preset-group': XhTimeRangePickerPresetGroup,\n  'preset': XhTimeRangePickerPreset,\n  'column-group': XhTimeRangePickerColumnGroup,\n  'column-group-label': XhTimeRangePickerColumnGroupLabel,\n  'column': XhTimeRangePickerColumn,\n  'item': XhTimeRangePickerItem,\n  'hidden-input': XhTimeRangePickerHiddenInput,\n}\n\n/**\n * 未写默认插槽时照 timeRangePickerStructure 铺开的整套结构，与 Web Components 不写部件时元素生成的节点出自同一份。\n * 标题文字由 label 给出，需要放置其他内容时由 label 插槽接管。\n */\nfunction renderDefaultStructure(api: TimeRangePickerApi, label: string | undefined, labelSlot?: () => VNode[]): VNode[] {\n  const nodes = timeRangePickerStructure(api, { label, slotted: name => name === 'label' && labelSlot != null })\n  return renderStructure(nodes, TIME_RANGE_PICKER_PARTS, node => node.slot?.name === 'label' ? labelSlot?.() : undefined)\n}\n"],"mappings":"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"}

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

@@ -1,7 +1,12 @@
-import { ComputedRef, Ref } from "vue";
 import { TimeRangePickerApi, TimeRangePickerSchema } from "@xihan-ui/headless";
+import { ComputedRef, Ref } from "vue";
 //#region src/components/time-range-picker/use-time-range-picker.d.ts
 interface TimeRangePickerContext {
+  /**
+   * 已渲染的 label 部件数量，由 XhTimeRangePickerLabel 在 setup 里同步登记、卸载时撤销。
+   * 可聚焦部件的 aria-labelledby 据此决定指不指过去：label 排在输入之前时，首帧与服务端直出就带上名字。
+   */
+  labelCount: Ref<number>;
   api: ComputedRef<TimeRangePickerApi>;
   controlRef: Ref<HTMLElement | null>;
   triggerRef: Ref<HTMLElement | null>;

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

@@ -1 +1 @@
-{"version":3,"file":"use-time-range-picker.d.ts","names":[],"sources":["../../../src/components/time-range-picker/use-time-range-picker.ts"],"mappings":";;;UAoBiB;EACf,KAAK,YAAY;EACjB,YAAY,IAAI;EAChB,YAAY,IAAI;EAChB,eAAe,IAAI;EACnB,YAAY,IAAI;;EAEhB,SAAS;;EAET,cAAc,qBAAqB;;iBAGrB,mBACd,OAAO,gCACP,WAAU,KAAK,oEACd"}
+{"version":3,"file":"use-time-range-picker.d.ts","names":[],"sources":["../../../src/components/time-range-picker/use-time-range-picker.ts"],"mappings":";;;UAoBiB;;;;;EAKf,YAAY;EACZ,KAAK,YAAY;EACjB,YAAY,IAAI;EAChB,YAAY,IAAI;EAChB,eAAe,IAAI;EACnB,YAAY,IAAI;;EAEhB,SAAS;;EAET,cAAc,qBAAqB;;iBAGrB,mBACd,OAAO,gCACP,WAAU,KAAK,oEACd"}

package/dist/components/time-range-picker/use-time-range-picker.js

@@ -3,9 +3,9 @@ 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 { connectTimeRangePicker, timeRangePickerMachine } from "@xihan-ui/headless";
 import { computed, ref } from "vue";
 import { createRuntimeConfig, createScope } from "@xihan-ui/core";
-import { connectTimeRangePicker, timeRangePickerMachine } from "@xihan-ui/headless";
 import { createPositionEngine } from "@xihan-ui/position";
 //#region src/components/time-range-picker/use-time-range-picker.ts
 function useTimeRangePicker(props, handlers = {}) {
@@ -16,8 +16,10 @@ function useTimeRangePicker(props, handlers = {}) {
 	const contentRef = ref(null);
 	const idGen = createVueIdGenerator();
 	const scope = createScope(null, idGen);
+	const labelCount = ref(0);
 	const service = useMachine(timeRangePickerMachine, () => ({
 		...props,
+		labelled: labelCount.value > 0,
 		...handlers
 	}), scope);
 	let config = null;
@@ -43,6 +45,7 @@ function useTimeRangePicker(props, handlers = {}) {
 	}
 	const api = computed(() => connectTimeRangePicker(service, vueNormalize));
 	return {
+		labelCount,
 		visible: useOverlayExit({
 			config,
 			isOpen: () => api.value.open,

package/dist/components/time-range-picker/use-time-range-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-time-range-picker.js","names":[],"sources":["../../../src/components/time-range-picker/use-time-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// 提供 use time range picker 相关实现。\n\nimport type { Cleanup, Layer, RuntimeConfig } from '@xihan-ui/core'\nimport type { TimeRangePickerApi, TimeRangePickerSchema } from '@xihan-ui/headless'\nimport type { ComputedRef, Ref } from 'vue'\nimport { createRuntimeConfig, createScope } from '@xihan-ui/core'\nimport { connectTimeRangePicker, timeRangePickerMachine } from '@xihan-ui/headless'\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 TimeRangePickerContext {\n  api: ComputedRef<TimeRangePickerApi>\n  controlRef: Ref<HTMLElement | null>\n  triggerRef: Ref<HTMLElement | null>\n  positionerRef: Ref<HTMLElement | null>\n  contentRef: Ref<HTMLElement | null>\n  /** 当前是否应当渲染：退场动画播完之前仍为真。 */\n  visible: Ref<boolean>\n  /** 浮层迁移到的位置：全局配置的容器 > 运行时的浮层落点 > body。 */\n  portalTarget: ComputedRef<string | Element>\n}\n\nexport function useTimeRangePicker(\n  props: TimeRangePickerSchema['props'],\n  handlers: Pick<TimeRangePickerSchema['props'], 'onValueChange' | 'onOpenChange'> = {},\n): TimeRangePickerContext {\n  const xhConfig = useXhConfig()\n  const controlRef = ref<HTMLElement | null>(null)\n  const triggerRef = ref<HTMLElement | null>(null)\n  const positionerRef = ref<HTMLElement | null>(null)\n  const contentRef = ref<HTMLElement | null>(null)\n\n  // scope id 走 Vue 的 useId，保证同页多实例的 IDREF 不相撞\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(timeRangePickerMachine, () => ({ ...props, ...handlers }), scope)\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      // 整个输入行记为本层分支，点触发器算层内交互。\n      // 浮层壳一并记上：content 之外还浮着自绘横条，按住它拖动不该把浮层消解掉\n      branches: () => [controlRef.value, positionerRef.value].filter(Boolean) as Element[],\n      isModal: () => false,\n      surfaces: () => [],\n    })\n\n    // 定位引擎由适配器注入，机器只经端口驱动；锚点取整个输入行\n    service.refs.set('config', config!)\n    service.refs.set('registerLayer', registerLayer)\n    service.refs.set('position', createPositionEngine())\n    service.refs.set('getAnchorEl', () => controlRef.value)\n    service.refs.set('getTriggerEl', () => triggerRef.value)\n    service.refs.set('getFloatingEl', () => positionerRef.value)\n    service.refs.set('getContentEl', () => contentRef.value)\n  }\n\n  const api = computed(() => connectTimeRangePicker(service, vueNormalize))\n  // 退场闸门：收起从跟着 open 走，改成跟着 presence 走\n  const visible = useOverlayExit({\n    config,\n    isOpen: () => api.value.open,\n    contentRef,\n    onPresence: presence => service.refs.set('presence', presence),\n  })\n  // 全局配置写了容器就用它，否则落到运行时那个单一浮层落点；没有 DOM 时才回到 body\n  const portalTarget = computed<string | Element>(() => xhConfig.value.portalContainer?.() ?? config?.portalContainer() ?? 'body')\n\n  return { visible, api, controlRef, triggerRef, positionerRef, contentRef, portalTarget }\n}\n"],"mappings":";;;;;;;;;;AAgCA,SAAgB,mBACd,OACA,WAAmF,CAAC,GAC5D;CACxB,MAAM,WAAW,YAAY;CAC7B,MAAM,aAAa,IAAwB,IAAI;CAC/C,MAAM,aAAa,IAAwB,IAAI;CAC/C,MAAM,gBAAgB,IAAwB,IAAI;CAClD,MAAM,aAAa,IAAwB,IAAI;CAG/C,MAAM,QAAQ,qBAAqB;CACnC,MAAM,QAAQ,YAAY,MAAM,KAAK;CACrC,MAAM,UAAU,WAAW,+BAA+B;EAAE,GAAG;EAAO,GAAG;CAAS,IAAI,KAAK;CAG3F,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;EACnB,CAAC;EAGD,QAAQ,KAAK,IAAI,UAAU,MAAO;EAClC,QAAQ,KAAK,IAAI,iBAAiB,aAAa;EAC/C,QAAQ,KAAK,IAAI,YAAY,qBAAqB,CAAC;EACnD,QAAQ,KAAK,IAAI,qBAAqB,WAAW,KAAK;EACtD,QAAQ,KAAK,IAAI,sBAAsB,WAAW,KAAK;EACvD,QAAQ,KAAK,IAAI,uBAAuB,cAAc,KAAK;EAC3D,QAAQ,KAAK,IAAI,sBAAsB,WAAW,KAAK;CACzD;CAEA,MAAM,MAAM,eAAe,uBAAuB,SAAS,YAAY,CAAC;CAWxE,OAAO;EAAE,SATO,eAAe;GAC7B;GACA,cAAc,IAAI,MAAM;GACxB;GACA,aAAY,aAAY,QAAQ,KAAK,IAAI,YAAY,QAAQ;EAC/D,CAIe;EAAG;EAAK;EAAY;EAAY;EAAe;EAAY,cAFrD,eAAiC,SAAS,MAAM,kBAAkB,KAAK,QAAQ,gBAAgB,KAAK,MAEpC;CAAE;AACzF"}
+{"version":3,"file":"use-time-range-picker.js","names":[],"sources":["../../../src/components/time-range-picker/use-time-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// 提供 use time range picker 相关实现。\n\nimport type { Cleanup, Layer, RuntimeConfig } from '@xihan-ui/core'\nimport type { TimeRangePickerApi, TimeRangePickerSchema } from '@xihan-ui/headless'\nimport type { ComputedRef, Ref } from 'vue'\nimport { createRuntimeConfig, createScope } from '@xihan-ui/core'\nimport { connectTimeRangePicker, timeRangePickerMachine } from '@xihan-ui/headless'\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 TimeRangePickerContext {\n  /**\n   * 已渲染的 label 部件数量，由 XhTimeRangePickerLabel 在 setup 里同步登记、卸载时撤销。\n   * 可聚焦部件的 aria-labelledby 据此决定指不指过去：label 排在输入之前时，首帧与服务端直出就带上名字。\n   */\n  labelCount: Ref<number>\n  api: ComputedRef<TimeRangePickerApi>\n  controlRef: Ref<HTMLElement | null>\n  triggerRef: Ref<HTMLElement | null>\n  positionerRef: Ref<HTMLElement | null>\n  contentRef: Ref<HTMLElement | null>\n  /** 当前是否应当渲染：退场动画播完之前仍为真。 */\n  visible: Ref<boolean>\n  /** 浮层迁移到的位置：全局配置的容器 > 运行时的浮层落点 > body。 */\n  portalTarget: ComputedRef<string | Element>\n}\n\nexport function useTimeRangePicker(\n  props: TimeRangePickerSchema['props'],\n  handlers: Pick<TimeRangePickerSchema['props'], 'onValueChange' | 'onOpenChange'> = {},\n): TimeRangePickerContext {\n  const xhConfig = useXhConfig()\n  const controlRef = ref<HTMLElement | null>(null)\n  const triggerRef = ref<HTMLElement | null>(null)\n  const positionerRef = ref<HTMLElement | null>(null)\n  const contentRef = ref<HTMLElement | null>(null)\n\n  // scope id 走 Vue 的 useId，保证同页多实例的 IDREF 不相撞\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const labelCount = ref(0)\n  const service = useMachine(timeRangePickerMachine, () => ({ ...props, labelled: labelCount.value > 0, ...handlers }), scope)\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      // 整个输入行记为本层分支，点触发器算层内交互。\n      // 浮层壳一并记上：content 之外还浮着自绘横条，按住它拖动不该把浮层消解掉\n      branches: () => [controlRef.value, positionerRef.value].filter(Boolean) as Element[],\n      isModal: () => false,\n      surfaces: () => [],\n    })\n\n    // 定位引擎由适配器注入，机器只经端口驱动；锚点取整个输入行\n    service.refs.set('config', config!)\n    service.refs.set('registerLayer', registerLayer)\n    service.refs.set('position', createPositionEngine())\n    service.refs.set('getAnchorEl', () => controlRef.value)\n    service.refs.set('getTriggerEl', () => triggerRef.value)\n    service.refs.set('getFloatingEl', () => positionerRef.value)\n    service.refs.set('getContentEl', () => contentRef.value)\n  }\n\n  const api = computed(() => connectTimeRangePicker(service, vueNormalize))\n  // 退场闸门：收起从跟着 open 走，改成跟着 presence 走\n  const visible = useOverlayExit({\n    config,\n    isOpen: () => api.value.open,\n    contentRef,\n    onPresence: presence => service.refs.set('presence', presence),\n  })\n  // 全局配置写了容器就用它，否则落到运行时那个单一浮层落点；没有 DOM 时才回到 body\n  const portalTarget = computed<string | Element>(() => xhConfig.value.portalContainer?.() ?? config?.portalContainer() ?? 'body')\n\n  return { labelCount, visible, api, controlRef, triggerRef, positionerRef, contentRef, portalTarget }\n}\n"],"mappings":";;;;;;;;;;AAqCA,SAAgB,mBACd,OACA,WAAmF,CAAC,GAC5D;CACxB,MAAM,WAAW,YAAY;CAC7B,MAAM,aAAa,IAAwB,IAAI;CAC/C,MAAM,aAAa,IAAwB,IAAI;CAC/C,MAAM,gBAAgB,IAAwB,IAAI;CAClD,MAAM,aAAa,IAAwB,IAAI;CAG/C,MAAM,QAAQ,qBAAqB;CACnC,MAAM,QAAQ,YAAY,MAAM,KAAK;CACrC,MAAM,aAAa,IAAI,CAAC;CACxB,MAAM,UAAU,WAAW,+BAA+B;EAAE,GAAG;EAAO,UAAU,WAAW,QAAQ;EAAG,GAAG;CAAS,IAAI,KAAK;CAG3H,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;EACnB,CAAC;EAGD,QAAQ,KAAK,IAAI,UAAU,MAAO;EAClC,QAAQ,KAAK,IAAI,iBAAiB,aAAa;EAC/C,QAAQ,KAAK,IAAI,YAAY,qBAAqB,CAAC;EACnD,QAAQ,KAAK,IAAI,qBAAqB,WAAW,KAAK;EACtD,QAAQ,KAAK,IAAI,sBAAsB,WAAW,KAAK;EACvD,QAAQ,KAAK,IAAI,uBAAuB,cAAc,KAAK;EAC3D,QAAQ,KAAK,IAAI,sBAAsB,WAAW,KAAK;CACzD;CAEA,MAAM,MAAM,eAAe,uBAAuB,SAAS,YAAY,CAAC;CAWxE,OAAO;EAAE;EAAY,SATL,eAAe;GAC7B;GACA,cAAc,IAAI,MAAM;GACxB;GACA,aAAY,aAAY,QAAQ,KAAK,IAAI,YAAY,QAAQ;EAC/D,CAI2B;EAAG;EAAK;EAAY;EAAY;EAAe;EAAY,cAFjE,eAAiC,SAAS,MAAM,kBAAkB,KAAK,QAAQ,gBAAgB,KAAK,MAExB;CAAE;AACrG"}

package/dist/components/timeline/context.d.ts

@@ -1,5 +1,5 @@
-import { ComputedRef } from "vue";
 import { TimelineApi, TimelineItemProps } from "@xihan-ui/headless";
+import { ComputedRef } from "vue";
 //#region src/components/timeline/context.d.ts
 interface TimelineContext {
   api: ComputedRef<TimelineApi>;

package/dist/components/timeline/timeline.d.ts

@@ -1,6 +1,6 @@
+import { TimelinePlacement } from "@xihan-ui/headless";
 import { PropType } from "vue";
 import { Orientation, Size, Tone } from "@xihan-ui/core";
-import { TimelinePlacement } from "@xihan-ui/headless";
 //#region src/components/timeline/timeline.d.ts
 /** 根渲染为 ol：事件本身有先后，列表标记由皮肤去除、列表语义由 role 保留。 */
 declare const XhTimelineRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{

package/dist/components/timeline/timeline.js

@@ -1,8 +1,8 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
 import { withXhConfig } from "../../config/config.js";
 import { provideTimeline, provideTimelineItem, useTimelineContext, useTimelineItem } from "./context.js";
-import { computed, defineComponent, h } from "vue";
 import { connectTimeline } from "@xihan-ui/headless";
+import { computed, defineComponent, h } from "vue";
 //#region src/components/timeline/timeline.ts
 /** 根渲染为 ol：事件本身有先后，列表标记由皮肤去除、列表语义由 role 保留。 */
 const XhTimelineRoot = defineComponent({

package/dist/components/timer/timer.d.ts

@@ -1,7 +1,7 @@
 import { PayloadOf } from "../../runtime/payload.js";
+import { TimerApi, TimerLive, TimerSchema, TimerTranslations, TimerUnit } from "@xihan-ui/headless";
 import { PropType, SlotsType, VNode } from "vue";
 import { Size } from "@xihan-ui/core";
-import { TimerApi, TimerLive, TimerSchema, TimerTranslations, TimerUnit } from "@xihan-ui/headless";
 //#region src/components/timer/timer.d.ts
 type TimerProps = TimerSchema['props'];
 /** 默认插槽的载荷：当前状态与显示值、拆开的每一段，以及起停归零四个动作。 */

package/dist/components/timer/use-timer.d.ts

@@ -1,6 +1,6 @@
+import { TimerApi, TimerSchema } from "@xihan-ui/headless";
 import { ComputedRef } from "vue";
 import { Service } from "@xihan-ui/core";
-import { TimerApi, TimerSchema } from "@xihan-ui/headless";
 //#region src/components/timer/use-timer.d.ts
 interface TimerContext {
   api: ComputedRef<TimerApi>;

package/dist/components/timer/use-timer.js

@@ -1,7 +1,7 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
 import { useMachine } from "../../runtime/use-machine.js";
-import { computed } from "vue";
 import { connectTimer, timerMachine } from "@xihan-ui/headless";
+import { computed } from "vue";
 //#region src/components/timer/use-timer.ts
 function useTimer(props, handlers = {}) {
 	const service = useMachine(timerMachine, () => ({

package/dist/components/timestamp/timestamp.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from "vue";
 import { TimestampTranslations, TimestampType, TimestampValue } from "@xihan-ui/headless";
+import { PropType } from "vue";
 //#region src/components/timestamp/timestamp.d.ts
 /**
  * 渲染为 `<time datetime>`：文本供人阅读，datetime 供机器读取，两者取自同一个墙钟。

package/dist/components/timestamp/timestamp.js

@@ -3,9 +3,9 @@ import { withXhConfig } from "../../config/config.js";
 import { useMachine } from "../../runtime/use-machine.js";
 import { createVueIdGenerator } from "../../runtime/vue-id.js";
 import { slotPaints } from "../../runtime/slot-content.js";
+import { connectTimestamp, timestampMachine } from "@xihan-ui/headless";
 import { computed, defineComponent, h } from "vue";
 import { createScope } from "@xihan-ui/core";
-import { connectTimestamp, timestampMachine } from "@xihan-ui/headless";
 //#region src/components/timestamp/timestamp.ts
 /**
 * 渲染为 `<time datetime>`：文本供人阅读，datetime 供机器读取，两者取自同一个墙钟。

package/dist/components/toggle/toggle.d.ts

@@ -1,7 +1,7 @@
 import { PayloadOf } from "../../runtime/payload.js";
+import { ToggleSchema } from "@xihan-ui/headless";
 import { PropType } from "vue";
 import { ActionVariant, Size, Tone } from "@xihan-ui/core";
-import { ToggleSchema } from "@xihan-ui/headless";
 //#region src/components/toggle/toggle.d.ts
 type ToggleProps = ToggleSchema['props'];
 declare const XhToggle: import("vue").DefineComponent<import("vue").ExtractPropTypes<{

package/dist/components/toggle/use-toggle.d.ts

@@ -1,5 +1,5 @@
-import { ComputedRef } from "vue";
 import { ToggleApi, ToggleSchema } from "@xihan-ui/headless";
+import { ComputedRef } from "vue";
 //#region src/components/toggle/use-toggle.d.ts
 interface ToggleContext {
   api: ComputedRef<ToggleApi>;

package/dist/components/toggle/use-toggle.js

@@ -1,7 +1,7 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
 import { useMachine } from "../../runtime/use-machine.js";
-import { computed } from "vue";
 import { connectToggle, toggleMachine } from "@xihan-ui/headless";
+import { computed } from "vue";
 //#region src/components/toggle/use-toggle.ts
 function useToggle(props, onPressedChange) {
 	const service = useMachine(toggleMachine, () => ({

package/dist/components/toggle-group/toggle-group.d.ts

@@ -1,10 +1,14 @@
 import { PayloadOf } from "../../runtime/payload.js";
+import { ToggleGroupNode, ToggleGroupSchema, ToggleGroupValue } from "@xihan-ui/headless";
 import { PropType, VNode } from "vue";
 import { ActionVariant, Direction, Orientation, Size, Tone } from "@xihan-ui/core";
-import { ToggleGroupNode, ToggleGroupSchema, ToggleGroupValue } from "@xihan-ui/headless";
 //#region src/components/toggle-group/toggle-group.d.ts
 type ToggleGroupProps = ToggleGroupSchema['props'];
 declare const XhToggleGroupRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 不显示出来的名字，写成 aria-label 落在与字段标签同一个部件上；放进字段或渲染了 label 部件时以它们为准。 */
+  ariaLabel: {
+    type: StringConstructor;
+  };
   collection: {
     type: PropType<ToggleGroupNode[]>;
   };
@@ -22,6 +26,18 @@ declare const XhToggleGroupRoot: import("vue").DefineComponent<import("vue").Ext
     type: BooleanConstructor;
     default: undefined;
   };
+  readOnly: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  invalid: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  required: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
   disallowEmpty: {
     type: BooleanConstructor;
     default: undefined;
@@ -66,6 +82,10 @@ declare const XhToggleGroupRoot: import("vue").DefineComponent<import("vue").Ext
   'value-change': (_details: PayloadOf<ToggleGroupProps, "onValueChange">) => true;
   'update:value': (_value: PayloadOf<ToggleGroupProps, "onValueChange">["value"]) => true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** 不显示出来的名字，写成 aria-label 落在与字段标签同一个部件上；放进字段或渲染了 label 部件时以它们为准。 */
+  ariaLabel: {
+    type: StringConstructor;
+  };
   collection: {
     type: PropType<ToggleGroupNode[]>;
   };
@@ -83,6 +103,18 @@ declare const XhToggleGroupRoot: import("vue").DefineComponent<import("vue").Ext
     type: BooleanConstructor;
     default: undefined;
   };
+  readOnly: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  invalid: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  required: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
   disallowEmpty: {
     type: BooleanConstructor;
     default: undefined;
@@ -125,11 +157,14 @@ declare const XhToggleGroupRoot: import("vue").DefineComponent<import("vue").Ext
   "onValue-change"?: ((_details: import("@xihan-ui/headless").ToggleGroupValueChangeDetails) => any) | undefined;
   "onUpdate:value"?: ((_value: string | string[] | null) => any) | undefined;
 }>, {
+  required: boolean;
+  invalid: boolean;
   multiple: boolean;
   loop: boolean;
   disabled: boolean;
   fullWidth: boolean;
   separators: boolean;
+  readOnly: boolean;
   disallowEmpty: boolean;
   rovingFocus: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/toggle-group/toggle-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-group.d.ts","names":[],"sources":["../../../src/components/toggle-group/toggle-group.ts"],"mappings":";;;;;KAiBK,mBAAmB;cAgBX,iCAAiB,8BAAA;;IAIG,MAAA,SAAS;;;IACJ,MAAA,SAAS;;;IACF,MAAA,SAAS;;;;;;;;;;;;;;;IAIvB,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;;;;;;;;;;IAIF,MAAA,SAAS;;;IACjB,MAAA,SAAS;;;;;;;;;;;;;EAML,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;;;IApBN,MAAA,SAAS;;;IACJ,MAAA,SAAS;;;IACF,MAAA,SAAS;;;;;;;;;;;;;;;IAIvB,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;;;;;;;;;;IAIF,MAAA,SAAS;;;IACjB,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;qCAgClC;cAEW,iCAAiB,8BAAA;;;;;;;;;;;;;;;;;;;;;;qCAmC5B;;cA6BW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAMnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"toggle-group.d.ts","names":[],"sources":["../../../src/components/toggle-group/toggle-group.ts"],"mappings":";;;;;KAmBK,mBAAmB;cAgBX,iCAAiB,8BAAA;;;;;;IAMG,MAAA,SAAS;;;IACJ,MAAA,SAAS;;;IACF,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOvB,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;;;;;;;;;;IAIF,MAAA,SAAS;;;IACjB,MAAA,SAAS;;;;;;;;;;;;;EAML,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;;;;;;;IAvBN,MAAA,SAAS;;;IACJ,MAAA,SAAS;;;IACF,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOvB,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;;;;;;;;;;IAIF,MAAA,SAAS;;;IACjB,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;qCA4BlC;cAEW,iCAAiB,8BAAA;;;;;;;;;;;;;;;;;;;;;;qCAmC5B;;cA6BW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAMnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/toggle-group/toggle-group.js

@@ -1,7 +1,9 @@
+import { renderStructure } from "../../runtime/structure.js";
 import { useFormControlProps } from "../form/use-form-control.js";
 import { useFieldGroupWiring, useFieldLabelWiring } from "../field/use-field-control.js";
 import { provideToggleGroup, useToggleGroupContext } from "./context.js";
 import { useToggleGroup } from "./use-toggle-group.js";
+import { toggleGroupStructure } from "@xihan-ui/headless";
 import { Comment, Fragment, Text, defineComponent, h, onBeforeUnmount, ref, watch } from "vue";
 //#region src/components/toggle-group/toggle-group.ts
 function flattenChildren(children) {
@@ -19,6 +21,8 @@ function flattenChildren(children) {
 const XhToggleGroupRoot = defineComponent({
 	name: "XhToggleGroupRoot",
 	props: {
+		/** 不显示出来的名字，写成 aria-label 落在与字段标签同一个部件上；放进字段或渲染了 label 部件时以它们为准。 */
+		ariaLabel: { type: String },
 		collection: { type: Array },
 		value: { type: [String, Array] },
 		defaultValue: { type: [String, Array] },
@@ -30,6 +34,18 @@ const XhToggleGroupRoot = defineComponent({
 			type: Boolean,
 			default: void 0
 		},
+		readOnly: {
+			type: Boolean,
+			default: void 0
+		},
+		invalid: {
+			type: Boolean,
+			default: void 0
+		},
+		required: {
+			type: Boolean,
+			default: void 0
+		},
 		disallowEmpty: {
 			type: Boolean,
 			default: void 0
@@ -71,7 +87,7 @@ const XhToggleGroupRoot = defineComponent({
 		const fieldWiring = useFieldGroupWiring();
 		const fieldLabel = useFieldLabelWiring();
 		return () => {
-			const children = slots.default ? slots.default() : props.collection ? renderDefaultTree(ctx.api.value.collection, slots.item) : [];
+			const children = slots.default ? slots.default() : renderDefaultStructure(ctx.api.value, slots.item);
 			return h("div", fieldLabel.value({
 				...fieldWiring.value,
 				...ctx.api.value.getRootProps()
@@ -143,16 +159,21 @@ const XhToggleGroupHiddenInput = defineComponent({
 		return () => h("input", ctx.api.value.getHiddenInputProps());
 	}
 });
+/** 标准结构里各部件对应的组件。 */
+const TOGGLE_GROUP_PARTS = {
+	"item": XhToggleGroupItem,
+	"hidden-input": XhToggleGroupHiddenInput
+};
 /**
-* 未写默认插槽时按 collection 铺开的整套结构，作者只提供数据。
-* 与手写部件产出的 DOM 完全一致，需要修改结构时写默认插槽，行为不变。
-* 条目下没有文本部件，文字直接落在条目中。
+* 未写默认插槽时铺开的整套结构，作者只提供数据：照 headless 的 toggleGroupStructure 渲，
+* 与 Web Components 不写部件时元素生成的节点出自同一份。条目的内容由 item 插槽接管。
 */
-function renderDefaultTree(collection, itemSlot) {
-	return collection.map((node) => h(XhToggleGroupItem, {
-		key: node.value,
-		value: node.value
-	}, () => itemSlot?.(node) ?? node.label));
+function renderDefaultStructure(api, itemSlot) {
+	return renderStructure(toggleGroupStructure(api, { slotted: (name) => name === "item" && itemSlot != null }), TOGGLE_GROUP_PARTS, (node) => {
+		if (node.slot?.name !== "item") return void 0;
+		const meta = node.data;
+		return itemSlot?.(meta) ?? meta.label;
+	});
 }
 //#endregion
 export { XhToggleGroupHiddenInput, XhToggleGroupItem, XhToggleGroupRoot };