@xihan-ui/vue 1.0.0 → 2.0.0

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

@@ -0,0 +1,357 @@
+import { withXhConfig } from "../../config/config.js";
+import { XhPortal } from "../../runtime/portal.js";
+import { useScrollbars } from "../../runtime/use-scrollbars.js";
+import { useFormControlProps } from "../form/use-form-control.js";
+import { useFieldLabelWiring, useFieldStateWiring } from "../field/use-field-control.js";
+import { slotPaints } from "../../runtime/slot-content.js";
+import { 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";
+//#region src/components/time-range-picker/time-range-picker.ts
+const XhTimeRangePickerRoot = defineComponent({
+	name: "XhTimeRangePickerRoot",
+	props: {
+		/** 区间两端 [start, end]；空缺的一端用空串占位。 */
+		value: { type: Array },
+		defaultValue: { type: Array },
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: Boolean,
+		min: { type: String },
+		max: { type: String },
+		locale: { type: String },
+		hourCycle: { type: Number },
+		granularity: { type: String },
+		step: { type: Number },
+		/** 快捷选项；提供后浮层中多出一列，时刻要在自己的 computed 中计算后再传入。 */
+		presets: { type: Array },
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		translations: { type: Object },
+		isTimeUnavailable: { type: Function },
+		readOnly: {
+			type: Boolean,
+			default: void 0
+		},
+		invalid: {
+			type: Boolean,
+			default: void 0
+		},
+		required: {
+			type: Boolean,
+			default: void 0
+		},
+		name: { type: String },
+		endName: { type: String },
+		variant: { type: String },
+		tone: { type: String },
+		size: { type: String },
+		placement: { type: String },
+		offset: { type: Number },
+		/** 文字方向；浮层迁移到落点后无法继承作者子树上的方向，需要 RTL 时显式提供。 */
+		dir: { type: String }
+	},
+	emits: {
+		"value-change": (_details) => true,
+		"open-change": (_details) => true,
+		"update:value": (_value) => true,
+		"update:open": (_open) => true
+	},
+	slots: Object,
+	setup(props, { slots, emit }) {
+		const notifyValue = (details) => {
+			emit("value-change", details);
+			emit("update:value", details.value);
+		};
+		const notifyOpen = (details) => {
+			emit("open-change", details);
+			emit("update:open", details.open);
+		};
+		const ctx = useTimeRangePicker(withXhConfig("time-range-picker", useFormControlProps(props)), {
+			onValueChange: notifyValue,
+			onOpenChange: notifyOpen
+		});
+		provideTimeRangePicker(ctx);
+		return () => h("div", ctx.api.value.getRootProps(), slots.default?.({
+			open: ctx.api.value.open,
+			value: ctx.api.value.value,
+			start: ctx.api.value.start,
+			end: ctx.api.value.end,
+			empty: ctx.api.value.empty,
+			outOfRange: ctx.api.value.outOfRange,
+			reversed: ctx.api.value.reversed,
+			segments: ctx.api.value.segments,
+			columnGroups: ctx.api.value.columnGroups,
+			canClear: ctx.api.value.canClear,
+			setOpen: ctx.api.value.setOpen,
+			setValue: ctx.api.value.setValue,
+			clear: ctx.api.value.clear
+		}));
+	}
+});
+const XhTimeRangePickerLabel = defineComponent({
+	name: "XhTimeRangePickerLabel",
+	setup(_, { slots }) {
+		const ctx = useTimeRangePickerContext();
+		return () => h("label", ctx.api.value.getLabelProps(), slots.default?.());
+	}
+});
+const XhTimeRangePickerControl = defineComponent({
+	name: "XhTimeRangePickerControl",
+	setup(_, { slots }) {
+		const ctx = useTimeRangePickerContext();
+		return () => h("div", {
+			...ctx.api.value.getControlProps(),
+			ref: (el) => {
+				ctx.controlRef.value = el;
+			}
+		}, slots.default?.());
+	}
+});
+const XhTimeRangePickerSegmentGroup = defineComponent({
+	name: "XhTimeRangePickerSegmentGroup",
+	props: { index: {
+		type: [Number, String],
+		default: 0
+	} },
+	setup(props, { slots }) {
+		const ctx = useTimeRangePickerContext();
+		const index = computed(() => resolveTimeRangePickerEndIndex(props.index));
+		provideTimeRangePickerEnd({ index });
+		return () => h("div", ctx.api.value.getSegmentGroupProps({ index: index.value }), slots.default?.());
+	}
+});
+const XhTimeRangePickerSegment = defineComponent({
+	name: "XhTimeRangePickerSegment",
+	props: { segment: {
+		type: String,
+		required: true
+	} },
+	setup(props, { slots }) {
+		const ctx = useTimeRangePickerContext();
+		const end = useTimeRangePickerEndContext();
+		return () => h("span", ctx.api.value.getSegmentProps({
+			index: end.index.value,
+			segment: props.segment
+		}), slots.default?.() ?? ctx.api.value.getSegmentText({
+			index: end.index.value,
+			segment: props.segment
+		}));
+	}
+});
+const XhTimeRangePickerRangeSeparator = defineComponent({
+	name: "XhTimeRangePickerRangeSeparator",
+	setup(_, { slots }) {
+		const ctx = useTimeRangePickerContext();
+		return () => h("span", ctx.api.value.getRangeSeparatorProps(), slots.default?.() ?? "-");
+	}
+});
+const XhTimeRangePickerTrigger = defineComponent({
+	name: "XhTimeRangePickerTrigger",
+	setup(_, { slots }) {
+		const fieldWiring = useFieldStateWiring();
+		const fieldLabel = useFieldLabelWiring();
+		const ctx = useTimeRangePickerContext();
+		return () => h("button", fieldLabel.value({
+			...fieldWiring.value,
+			...ctx.api.value.getTriggerProps(),
+			ref: (el) => {
+				ctx.triggerRef.value = el;
+			}
+		}), slots.default?.());
+	}
+});
+const XhTimeRangePickerClearTrigger = defineComponent({
+	name: "XhTimeRangePickerClearTrigger",
+	setup(_, { slots }) {
+		const ctx = useTimeRangePickerContext();
+		return () => h("button", ctx.api.value.getClearTriggerProps(), slots.default?.());
+	}
+});
+const XhTimeRangePickerPositioner = defineComponent({
+	name: "XhTimeRangePickerPositioner",
+	props: { 
+	/** 本实例的 Portal 容器；优先于应用级配置。 */
+container: { type: Object } },
+	inheritAttrs: false,
+	setup(props, { slots, attrs }) {
+		const ctx = useTimeRangePickerContext();
+		const bars = useScrollbars({
+			scrollable: () => ctx.contentRef.value,
+			axes: ["horizontal"],
+			props: () => ({
+				dir: ctx.api.value.getPositionerProps().dir,
+				size: "sm"
+			})
+		});
+		return () => h(XhPortal, {
+			to: props.container ?? ctx.portalTarget.value,
+			source: ctx.controlRef
+		}, () => [h("div", {
+			...mergeProps(ctx.api.value.getPositionerProps(), attrs),
+			ref: (el) => {
+				ctx.positionerRef.value = el;
+			}
+		}, [...slots.default?.() ?? [], ...bars.render()])]);
+	}
+});
+const XhTimeRangePickerContent = defineComponent({
+	name: "XhTimeRangePickerContent",
+	setup(_, { slots }) {
+		const ctx = useTimeRangePickerContext();
+		return () => h("div", {
+			...ctx.api.value.getContentProps(),
+			style: ctx.visible.value ? void 0 : { display: "none" },
+			ref: (el) => {
+				ctx.contentRef.value = el;
+			}
+		}, slots.default?.());
+	}
+});
+const XhTimeRangePickerPresetGroup = defineComponent({
+	name: "XhTimeRangePickerPresetGroup",
+	slots: Object,
+	inheritAttrs: false,
+	setup(_, { slots, attrs }) {
+		const ctx = useTimeRangePickerContext();
+		const presetGroupRef = ref(null);
+		const bars = useScrollbars({
+			scrollable: () => presetGroupRef.value,
+			anchor: "layer",
+			props: () => ({
+				dir: ctx.api.value.getPositionerProps().dir,
+				size: "sm"
+			})
+		});
+		onUpdated(() => bars.measure());
+		return () => {
+			const api = ctx.api.value;
+			const authored = slots.default?.({ presets: api.presets });
+			return [h("div", {
+				...mergeProps(api.getPresetGroupProps(), attrs),
+				ref: (el) => {
+					presetGroupRef.value = el;
+				}
+			}, slotPaints(authored) ? authored : api.presets.map((preset) => h("div", {
+				...api.getPresetProps({ value: preset.value }),
+				key: preset.value
+			}, preset.label))), ...bars.render()];
+		};
+	}
+});
+const XhTimeRangePickerPreset = defineComponent({
+	name: "XhTimeRangePickerPreset",
+	props: { 
+	/** 该条目的身份，与 presets 数据中的 value 逐字对应。 */
+value: {
+		type: String,
+		required: true
+	} },
+	slots: Object,
+	setup(props, { slots }) {
+		const ctx = useTimeRangePickerContext();
+		return () => {
+			const api = ctx.api.value;
+			const authored = slots.default?.();
+			return h("div", api.getPresetProps({ value: props.value }), slotPaints(authored) ? authored : api.presets.find((p) => p.value === props.value)?.label);
+		};
+	}
+});
+const XhTimeRangePickerColumnGroup = defineComponent({
+	name: "XhTimeRangePickerColumnGroup",
+	props: { index: {
+		type: [Number, String],
+		default: 0
+	} },
+	slots: Object,
+	setup(props, { slots }) {
+		const ctx = useTimeRangePickerContext();
+		const index = computed(() => resolveTimeRangePickerEndIndex(props.index));
+		provideTimeRangePickerEnd({ index });
+		return () => h("div", ctx.api.value.getColumnGroupProps({ index: index.value }), slots.default?.({ columns: ctx.api.value.columnGroups[index.value].columns }));
+	}
+});
+const XhTimeRangePickerColumnGroupLabel = defineComponent({
+	name: "XhTimeRangePickerColumnGroupLabel",
+	setup(_, { slots }) {
+		const ctx = useTimeRangePickerContext();
+		const end = useTimeRangePickerEndContext();
+		return () => h("div", ctx.api.value.getColumnGroupLabelProps({ index: end.index.value }), slots.default?.());
+	}
+});
+const XhTimeRangePickerColumn = defineComponent({
+	name: "XhTimeRangePickerColumn",
+	props: { unit: {
+		type: String,
+		required: true
+	} },
+	slots: Object,
+	inheritAttrs: false,
+	setup(props, { slots, attrs }) {
+		const ctx = useTimeRangePickerContext();
+		const end = useTimeRangePickerEndContext();
+		provideTimeRangePickerColumn({ unit: computed(() => props.unit) });
+		const columnRef = ref(null);
+		const bars = useScrollbars({
+			scrollable: () => columnRef.value,
+			anchor: "layer",
+			props: () => ({
+				dir: ctx.api.value.getPositionerProps().dir,
+				size: "sm"
+			})
+		});
+		onUpdated(() => bars.measure());
+		return () => [h("div", {
+			...mergeProps(ctx.api.value.getColumnProps({
+				index: end.index.value,
+				unit: props.unit
+			}), attrs),
+			ref: (el) => {
+				columnRef.value = el;
+			}
+		}, slots.default?.({ options: ctx.api.value.columnGroups[end.index.value].columns.find((c) => c.unit === props.unit)?.options ?? [] })), ...bars.render()];
+	}
+});
+const XhTimeRangePickerItem = defineComponent({
+	name: "XhTimeRangePickerItem",
+	props: { 
+	/** 两位补零的显示串（'09' / '30'）；上下午列写 '00' / '01'。 */
+value: {
+		type: String,
+		required: true
+	} },
+	setup(props, { slots }) {
+		const ctx = useTimeRangePickerContext();
+		const end = useTimeRangePickerEndContext();
+		const { unit } = useTimeRangePickerColumnContext();
+		return () => h("div", ctx.api.value.getItemProps({
+			index: end.index.value,
+			unit: unit.value,
+			value: props.value
+		}), slots.default?.() ?? ctx.api.value.getItemText({
+			unit: unit.value,
+			value: props.value
+		}));
+	}
+});
+const XhTimeRangePickerHiddenInput = defineComponent({
+	name: "XhTimeRangePickerHiddenInput",
+	props: { index: { type: [Number, String] } },
+	setup(props) {
+		const ctx = useTimeRangePickerContext();
+		const end = useTimeRangePickerEndContext();
+		return () => {
+			const index = props.index === void 0 ? end.index.value : resolveTimeRangePickerEndIndex(props.index);
+			return h("input", ctx.api.value.getHiddenInputProps({ index }));
+		};
+	}
+});
+//#endregion
+export { XhTimeRangePickerClearTrigger, XhTimeRangePickerColumn, XhTimeRangePickerColumnGroup, XhTimeRangePickerColumnGroupLabel, XhTimeRangePickerContent, XhTimeRangePickerControl, XhTimeRangePickerHiddenInput, XhTimeRangePickerItem, XhTimeRangePickerLabel, XhTimeRangePickerPositioner, XhTimeRangePickerPreset, XhTimeRangePickerPresetGroup, XhTimeRangePickerRangeSeparator, XhTimeRangePickerRoot, XhTimeRangePickerSegment, XhTimeRangePickerSegmentGroup, XhTimeRangePickerTrigger };
+
+//# sourceMappingURL=time-range-picker.js.map

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

@@ -0,0 +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} 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 { 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    step: { type: Number },\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    isTimeUnavailable: { type: Function as PropType<(value: string, unit: TimePickerColumnUnit, index: TimeRangePickerEndIndex) => boolean> },\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    '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(withXhConfig('time-range-picker', useFormControlProps(props)) 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 }, () => [\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":"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"}

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

@@ -0,0 +1,18 @@
+import { ComputedRef, Ref } from "vue";
+import { TimeRangePickerApi, TimeRangePickerSchema } from "@xihan-ui/headless";
+//#region src/components/time-range-picker/use-time-range-picker.d.ts
+interface TimeRangePickerContext {
+  api: ComputedRef<TimeRangePickerApi>;
+  controlRef: Ref<HTMLElement | null>;
+  triggerRef: Ref<HTMLElement | null>;
+  positionerRef: Ref<HTMLElement | null>;
+  contentRef: Ref<HTMLElement | null>;
+  /** 当前是否应当渲染：退场动画播完之前仍为真。 */
+  visible: Ref<boolean>;
+  /** 浮层迁移到的位置：全局配置的容器 > 运行时的浮层落点 > body。 */
+  portalTarget: ComputedRef<string | Element>;
+}
+declare function useTimeRangePicker(props: TimeRangePickerSchema['props'], handlers?: Pick<TimeRangePickerSchema['props'], 'onValueChange' | 'onOpenChange'>): TimeRangePickerContext;
+//#endregion
+export { TimeRangePickerContext, useTimeRangePicker };
+//# sourceMappingURL=use-time-range-picker.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,63 @@
+import { useOverlayExit } from "../../runtime/use-overlay-exit.js";
+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 { 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 = {}) {
+	const xhConfig = useXhConfig();
+	const controlRef = ref(null);
+	const triggerRef = ref(null);
+	const positionerRef = ref(null);
+	const contentRef = ref(null);
+	const idGen = createVueIdGenerator();
+	const scope = createScope(null, idGen);
+	const service = useMachine(timeRangePickerMachine, () => ({
+		...props,
+		...handlers
+	}), scope);
+	let config = 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,
+			surfaces: () => []
+		});
+		service.refs.set("config", config);
+		service.refs.set("registerLayer", registerLayer);
+		service.refs.set("position", createPositionEngine());
+		service.refs.set("getAnchorEl", () => controlRef.value);
+		service.refs.set("getTriggerEl", () => triggerRef.value);
+		service.refs.set("getFloatingEl", () => positionerRef.value);
+		service.refs.set("getContentEl", () => contentRef.value);
+	}
+	const api = computed(() => connectTimeRangePicker(service, vueNormalize));
+	return {
+		visible: useOverlayExit({
+			config,
+			isOpen: () => api.value.open,
+			contentRef,
+			onPresence: (presence) => service.refs.set("presence", presence)
+		}),
+		api,
+		controlRef,
+		triggerRef,
+		positionerRef,
+		contentRef,
+		portalTarget: computed(() => xhConfig.value.portalContainer?.() ?? config?.portalContainer() ?? "body")
+	};
+}
+//#endregion
+export { useTimeRangePicker };
+
+//# sourceMappingURL=use-time-range-picker.js.map

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

@@ -0,0 +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"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/timeline/context.ts"],"mappings":";;;UAIiB;EACf,KAAK,YAAY;;iBAOH,gBAAgB,KAAK;iBAIrB,sBAAsB;iBAOtB,oBAAoB,YAAY;iBAIhC,yBAAyB"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/timeline/context.ts"],"mappings":";;;UAWiB;EACf,KAAK,YAAY;;iBAOH,gBAAgB,KAAK;iBAIrB,sBAAsB;iBAOtB,oBAAoB,YAAY;iBAIhC,yBAAyB"}

package/dist/components/timeline/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/timeline/context.ts"],"sourcesContent":["import type { TimelineApi, TimelineItemProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport { inject, provide } from 'vue'\n\nexport interface TimelineContext {\n  api: ComputedRef<TimelineApi>\n}\n\nconst KEY: InjectionKey<TimelineContext> = Symbol.for('xh-timeline')\n/** 条目的语气下传给圆点，用 getter 以跟随 tone 变更。 */\nconst ITEM_KEY: InjectionKey<() => TimelineItemProps> = Symbol.for('xh-timeline-item')\n\nexport function provideTimeline(ctx: TimelineContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useTimelineContext(): TimelineContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Timeline 部件必须用在 XhTimelineRoot 内')\n  return ctx\n}\n\nexport function provideTimelineItem(item: () => TimelineItemProps): void {\n  provide(ITEM_KEY, item)\n}\n\nexport function useTimelineItem(): () => TimelineItemProps {\n  const item = inject(ITEM_KEY, null)\n  if (!item)\n    throw new Error('[xh] Timeline 圆点必须用在 XhTimelineItem 内')\n  return item\n}\n"],"mappings":";;AAQA,MAAM,MAAqC,OAAO,IAAI,aAAa;;AAEnE,MAAM,WAAkD,OAAO,IAAI,kBAAkB;AAErF,SAAgB,gBAAgB,KAA4B;CAC1D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,qBAAsC;CACpD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,uCAAuC;CACzD,OAAO;AACT;AAEA,SAAgB,oBAAoB,MAAqC;CACvE,QAAQ,UAAU,IAAI;AACxB;AAEA,SAAgB,kBAA2C;CACzD,MAAM,OAAO,OAAO,UAAU,IAAI;CAClC,IAAI,CAAC,MACH,MAAM,IAAI,MAAM,uCAAuC;CACzD,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/timeline/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 { TimelineApi, TimelineItemProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport { inject, provide } from 'vue'\n\nexport interface TimelineContext {\n  api: ComputedRef<TimelineApi>\n}\n\nconst KEY: InjectionKey<TimelineContext> = Symbol.for('xh-timeline')\n/** 条目的语气下传给圆点，用 getter 以跟随 tone 变更。 */\nconst ITEM_KEY: InjectionKey<() => TimelineItemProps> = Symbol.for('xh-timeline-item')\n\nexport function provideTimeline(ctx: TimelineContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useTimelineContext(): TimelineContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Timeline 部件必须用在 XhTimelineRoot 内')\n  return ctx\n}\n\nexport function provideTimelineItem(item: () => TimelineItemProps): void {\n  provide(ITEM_KEY, item)\n}\n\nexport function useTimelineItem(): () => TimelineItemProps {\n  const item = inject(ITEM_KEY, null)\n  if (!item)\n    throw new Error('[xh] Timeline 圆点必须用在 XhTimelineItem 内')\n  return item\n}\n"],"mappings":";;AAeA,MAAM,MAAqC,OAAO,IAAI,aAAa;;AAEnE,MAAM,WAAkD,OAAO,IAAI,kBAAkB;AAErF,SAAgB,gBAAgB,KAA4B;CAC1D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,qBAAsC;CACpD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,uCAAuC;CACzD,OAAO;AACT;AAEA,SAAgB,oBAAoB,MAAqC;CACvE,QAAQ,UAAU,IAAI;AACxB;AAEA,SAAgB,kBAA2C;CACzD,MAAM,OAAO,OAAO,UAAU,IAAI;CAClC,IAAI,CAAC,MACH,MAAM,IAAI,MAAM,uCAAuC;CACzD,OAAO;AACT"}

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

@@ -1,57 +1,46 @@
 import { PropType } from "vue";
+import { Orientation, Size, Tone } from "@xihan-ui/core";
 import { TimelinePlacement } from "@xihan-ui/headless";
-import { Orientation, Size, Tone } from "@xihan-ui/kernel";
 //#region src/components/timeline/timeline.d.ts
-/** 根渲染为 ol：事件本来就有先后，列表标记由皮肤抹掉、列表语义由 role 兜住。 */
+/** 根渲染为 ol：事件本身有先后，列表标记由皮肤去除、列表语义由 role 保留。 */
 declare const XhTimelineRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   orientation: {
     type: PropType<Orientation>;
-    default: undefined;
   };
   placement: {
     type: PropType<TimelinePlacement>;
-    default: undefined;
   };
   size: {
     type: PropType<Size>;
-    default: undefined;
   };
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   orientation: {
     type: PropType<Orientation>;
-    default: undefined;
   };
   placement: {
     type: PropType<TimelinePlacement>;
-    default: undefined;
   };
   size: {
     type: PropType<Size>;
-    default: undefined;
   };
-}>> & Readonly<{}>, {
-  orientation: Orientation;
-  size: Size;
-  placement: TimelinePlacement;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-/** 一条事件。tone 只在这一条内生效，下传给它自己的圆点。 */
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 一条事件。tone 只在该条内生效，下传给它自己的圆点。 */
 declare const XhTimelineItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   tone: {
     type: PropType<Tone>;
-    default: undefined;
   };
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   tone: {
     type: PropType<Tone>;
-    default: undefined;
   };
-}>> & Readonly<{}>, {
-  tone: Tone;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhTimelineLabel: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhTimelineIndicator: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -67,10 +56,10 @@ declare const XhTimelineTitle: import("vue").DefineComponent<{}, () => import("v
 declare const XhTimelineDescription: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-/** 渲染为 time：机读时间由作者写 datetime，属性原样透传到这个节点上。 */
+/** 渲染为 time：机读时间由作者写 datetime，属性原样透传到该节点上。 */
 declare const XhTimelineTime: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
-export { XhTimelineConnector, XhTimelineContent, XhTimelineDescription, XhTimelineIndicator, XhTimelineItem, XhTimelineRoot, XhTimelineTime, XhTimelineTitle };
+export { XhTimelineConnector, XhTimelineContent, XhTimelineDescription, XhTimelineIndicator, XhTimelineItem, XhTimelineLabel, XhTimelineRoot, XhTimelineTime, XhTimelineTitle };
 //# sourceMappingURL=timeline.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"timeline.d.ts","names":[],"sources":["../../../src/components/timeline/timeline.ts"],"mappings":";;;;;cAUa,8BAAc,8BAAA;;IAIQ,MAAA,SAAS;;;;IACX,MAAA,SAAS;;;;IACd,MAAA,SAAS;;;;;;;IAFF,MAAA,SAAS;;;;IACX,MAAA,SAAS;;;;IACd,MAAA,SAAS;;;;;;;qCAOnC;;cAGW,8BAAc,8BAAA;;IAGC,MAAA,SAAS;;;;;;;IAAT,MAAA,SAAS;;;;;qCAOnC;cAEW,mCAAmB,wCAAA,oBAAA,4BAAA;;8BAO9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,wCAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,wCAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,wCAAA,oBAAA,4BAAA;;8BAM1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,wCAAA,oBAAA,4BAAA;;8BAMhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,8BAAc,wCAAA,oBAAA,4BAAA;;8BAMzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"timeline.d.ts","names":[],"sources":["../../../src/components/timeline/timeline.ts"],"mappings":";;;;;cAiBa,8BAAc,8BAAA;;IAIQ,MAAA,SAAS;;;IACX,MAAA,SAAS;;;IACd,MAAA,SAAS;;;;;;IAFF,MAAA,SAAS;;;IACX,MAAA,SAAS;;;IACd,MAAA,SAAS;;MAOnC,oDAAA;;cAGW,8BAAc,8BAAA;;IAGC,MAAA,SAAS;;;;;;IAAT,MAAA,SAAS;;MAOnC,oDAAA;cAGW,+BAAe,wCAAA,oBAAA,4BAAA;;8BAM1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,wCAAA,oBAAA,4BAAA;;8BAO9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,wCAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,wCAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,wCAAA,oBAAA,4BAAA;;8BAM1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,wCAAA,oBAAA,4BAAA;;8BAMhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,8BAAc,wCAAA,oBAAA,4BAAA;;8BAMzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}