niuma-ui 2.0.3 → 2.0.9

package/dist/components/time-picker/src/RsTimePicker.js

@@ -1,10 +1,8 @@
 import './RsTimePicker.css'
-import './RsTimePicker-1.css'
 import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
 import RsTimePicker_vue_vue_type_script_setup_true_lang_default from "./RsTimePicker.impl.js";
 
-
 //#region src/components/time-picker/src/RsTimePicker.vue
-var RsTimePicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsTimePicker_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-f037f46a"]]);
+var RsTimePicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsTimePicker_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-74cf1aa1"]]);
 //#endregion
 export { RsTimePicker_default as default };

package/dist/components/time-picker/src/RsTimePickerColumns.css

@@ -1,5 +1,5 @@
 
-.rs-time-columns[data-v-48197425] {
+.rs-time-columns[data-v-2cb69b18] {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: var(--rs-space-sm);
@@ -8,72 +8,80 @@
   --rs-time-columns-item-font-size: var(--rs-font-size-sm);
   --rs-time-columns-label-font-size: var(--rs-font-size-xs);
 }
-.rs-time-columns--seconds[data-v-48197425] {
+.rs-time-columns--seconds[data-v-2cb69b18] {
   grid-template-columns: repeat(3, minmax(0, 1fr));
 }
-.rs-time-columns--ssm[data-v-48197425] {
+.rs-time-columns--hour12[data-v-2cb69b18] {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+.rs-time-columns--hour12.rs-time-columns--seconds[data-v-2cb69b18] {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+.rs-time-columns--ssm[data-v-2cb69b18] {
   --rs-time-columns-list-max-height: 7.5rem;
   --rs-time-columns-item-padding-y: 0.2rem;
   --rs-time-columns-item-font-size: var(--rs-font-size-xs);
   --rs-time-columns-label-font-size: var(--rs-font-size-xs);
   gap: var(--rs-space-xs);
 }
-.rs-time-columns--sm[data-v-48197425] {
+.rs-time-columns--sm[data-v-2cb69b18] {
   --rs-time-columns-list-max-height: 8.5rem;
   --rs-time-columns-item-padding-y: 0.28rem;
   --rs-time-columns-item-font-size: var(--rs-font-size-xs);
   --rs-time-columns-label-font-size: var(--rs-font-size-xs);
 }
-.rs-time-columns--lg[data-v-48197425] {
+.rs-time-columns--lg[data-v-2cb69b18] {
   --rs-time-columns-list-max-height: 12rem;
   --rs-time-columns-item-padding-y: 0.5rem;
   --rs-time-columns-item-font-size: var(--rs-font-size-base);
   --rs-time-columns-label-font-size: var(--rs-font-size-xs);
 }
-.rs-time-columns__column[data-v-48197425] {
+.rs-time-columns__column[data-v-2cb69b18] {
   display: flex;
   min-width: 0;
   flex-direction: column;
   gap: 0.25rem;
 }
-.rs-time-columns__label[data-v-48197425] {
+.rs-time-columns__label[data-v-2cb69b18] {
   text-align: center;
   font-size: var(--rs-time-columns-label-font-size);
   font-weight: var(--rs-font-weight-medium);
   letter-spacing: 0.02em;
   color: var(--rs-muted);
 }
-.rs-time-columns__list-shell[data-v-48197425] {
+.rs-time-columns__list-shell[data-v-2cb69b18] {
   overflow: hidden;
+  overscroll-behavior: contain;
   border: 1px solid var(--rs-border-subtle);
   border-radius: var(--rs-radius-sm);
   background: color-mix(in srgb, var(--rs-surface) 72%, transparent);
 }
-.rs-time-columns__list[data-v-48197425] {
+.rs-time-columns__list[data-v-2cb69b18] {
   position: relative;
   max-height: var(--rs-time-columns-list-max-height);
   overflow-y: auto;
+  overscroll-behavior: contain;
   padding: 0.25rem;
   scrollbar-width: thin;
   scrollbar-color: color-mix(in srgb, var(--rs-muted) 42%, transparent) transparent;
 }
 /* 去掉 Windows 原生滚动条上下三角，避免盖住圆角描边 */
-.rs-time-columns__list[data-v-48197425]::-webkit-scrollbar {
+.rs-time-columns__list[data-v-2cb69b18]::-webkit-scrollbar {
   width: 6px;
 }
-.rs-time-columns__list[data-v-48197425]::-webkit-scrollbar-button {
+.rs-time-columns__list[data-v-2cb69b18]::-webkit-scrollbar-button {
   display: none;
   width: 0;
   height: 0;
 }
-.rs-time-columns__list[data-v-48197425]::-webkit-scrollbar-thumb {
+.rs-time-columns__list[data-v-2cb69b18]::-webkit-scrollbar-thumb {
   border-radius: 999px;
   background: color-mix(in srgb, var(--rs-muted) 42%, transparent);
 }
-.rs-time-columns__list[data-v-48197425]::-webkit-scrollbar-track {
+.rs-time-columns__list[data-v-2cb69b18]::-webkit-scrollbar-track {
   background: transparent;
 }
-.rs-time-columns__item[data-v-48197425] {
+.rs-time-columns__item[data-v-2cb69b18] {
   display: flex;
   width: 100%;
   align-items: center;
@@ -88,17 +96,17 @@
   cursor: pointer;
   transition: background var(--rs-transition-fast), color var(--rs-transition-fast);
 }
-.rs-time-columns__item[data-v-48197425]:hover:not(:disabled) {
+.rs-time-columns__item[data-v-2cb69b18]:hover:not(:disabled) {
   background: var(--rs-surface-hover);
 }
-.rs-time-columns__item--active[data-v-48197425] {
+.rs-time-columns__item--active[data-v-2cb69b18] {
   background: var(--rs-primary);
   color: var(--rs-primary-foreground);
 }
-.rs-time-columns__item--active[data-v-48197425]:hover:not(:disabled) {
+.rs-time-columns__item--active[data-v-2cb69b18]:hover:not(:disabled) {
   opacity: 0.92;
 }
-.rs-time-columns__item[data-v-48197425]:disabled {
+.rs-time-columns__item[data-v-2cb69b18]:disabled {
   opacity: 0.38;
   cursor: not-allowed;
 }

package/dist/components/time-picker/src/RsTimePickerColumns.d.ts

@@ -1,10 +1,11 @@
 import type { RsComponentSize } from '../../../theme/types';
-import { type RsTimeUnit } from './time-picker-utils';
+import { type RsTimePickerHourCycle, type RsTimeUnit } from './time-picker-utils';
 type __VLS_Props = {
     minuteStep?: number;
     second?: boolean;
     disabled?: boolean;
     size?: RsComponentSize;
+    hourCycle?: RsTimePickerHourCycle;
     isUnitDisabled?: (unit: RsTimeUnit, value: number) => boolean;
 };
 declare function scrollToSelection(): void;
@@ -24,6 +25,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     disabled: boolean;
     second: boolean;
+    hourCycle: RsTimePickerHourCycle;
     minuteStep: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/time-picker/src/RsTimePickerColumns.impl.js

@@ -1,6 +1,6 @@
 import { useRsI18n } from "../../../composables/useRsI18n.js";
 import { useResolvedRsComponentSize } from "../../_shared/src/resolve-size.js";
-import { TIME_HOUR_OPTIONS, TIME_SECOND_OPTIONS, formatTimeFromParts, getTimeMinuteOptions, parseTimeValue, scheduleAfterPaint, scrollTimeColumnToValue } from "./time-picker-utils.js";
+import { TIME_HOUR12_OPTIONS, TIME_HOUR_OPTIONS, TIME_SECOND_OPTIONS, containColumnWheel, formatTimeFromParts, getTimeMinuteOptions, parseTimeValue, scheduleAfterPaint, scrollTimeColumnToValue, toHour12, toHour24 } from "./time-picker-utils.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeModels, nextTick, normalizeClass, onMounted, onUnmounted, openBlock, renderList, toDisplayString, unref, useModel, useTemplateRef, watch } from "vue";
 //#region src/components/time-picker/src/RsTimePickerColumns.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "rs-time-columns__column" };
@@ -30,6 +30,15 @@ var _hoisted_12 = [
 	"disabled",
 	"onClick"
 ];
+var _hoisted_13 = {
+	key: 1,
+	class: "rs-time-columns__column"
+};
+var _hoisted_14 = { class: "rs-time-columns__label" };
+var _hoisted_15 = { class: "rs-time-columns__list-shell" };
+var _hoisted_16 = { class: "rs-time-columns__list" };
+var _hoisted_17 = ["disabled"];
+var _hoisted_18 = ["disabled"];
 var RsTimePickerColumns_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "RsTimePickerColumns",
 	__name: "RsTimePickerColumns",
@@ -44,6 +53,7 @@ var RsTimePickerColumns_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 			default: false
 		},
 		size: {},
+		hourCycle: { default: 24 },
 		isUnitDisabled: {}
 	}, {
 		"modelValue": { default: "00:00" },
@@ -55,11 +65,23 @@ var RsTimePickerColumns_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 		const props = __props;
 		const { t } = useRsI18n();
 		const resolvedSize = useResolvedRsComponentSize(() => props.size);
+		const rootRef = useTemplateRef("rootRef");
 		const hourListRef = useTemplateRef("hourListRef");
 		const minuteListRef = useTemplateRef("minuteListRef");
 		const secondListRef = useTemplateRef("secondListRef");
+		const wheelOpts = {
+			capture: true,
+			passive: false
+		};
+		function bindColumnWheel() {
+			rootRef.value?.addEventListener("wheel", containColumnWheel, wheelOpts);
+		}
+		function unbindColumnWheel() {
+			rootRef.value?.removeEventListener("wheel", containColumnWheel, wheelOpts);
+		}
 		let cancelScheduledScroll;
-		const hourOptions = TIME_HOUR_OPTIONS;
+		const useHour12 = computed(() => props.hourCycle === 12);
+		const hourOptions = computed(() => useHour12.value ? TIME_HOUR12_OPTIONS : TIME_HOUR_OPTIONS);
 		const secondOptions = TIME_SECOND_OPTIONS;
 		const minuteOptions = computed(() => getTimeMinuteOptions(props.minuteStep));
 		const parts = computed(() => {
@@ -75,6 +97,7 @@ var RsTimePickerColumns_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 				second: 0
 			};
 		});
+		const hour12 = computed(() => toHour12(parts.value.hour));
 		function isDisabled(unit, value) {
 			return props.disabled || (props.isUnitDisabled?.(unit, value) ?? false);
 		}
@@ -82,7 +105,7 @@ var RsTimePickerColumns_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 			scrollTimeColumnToValue(container, value);
 		}
 		function scrollToSelection() {
-			scrollColumn(hourListRef.value, parts.value.hour);
+			scrollColumn(hourListRef.value, useHour12.value ? hour12.value.hour : parts.value.hour);
 			scrollColumn(minuteListRef.value, parts.value.minute);
 			if (props.second) scrollColumn(secondListRef.value, parts.value.second);
 		}
@@ -98,6 +121,12 @@ var RsTimePickerColumns_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 			};
 			model.value = formatTimeFromParts(next.hour, next.minute, next.second, props.second);
 		}
+		function selectHour12(hour12Value) {
+			selectUnit("hour", toHour24(hour12Value, hour12.value.period));
+		}
+		function selectPeriod(period) {
+			selectUnit("hour", toHour24(hour12.value.hour, period));
+		}
 		watch(() => [
 			parts.value.hour,
 			parts.value.minute,
@@ -107,9 +136,11 @@ var RsTimePickerColumns_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 			nextTick(scrollToSelection);
 		}, { flush: "post" });
 		onMounted(() => {
+			bindColumnWheel();
 			scrollToSelectionAfterPaint();
 		});
 		onUnmounted(() => {
+			unbindColumnWheel();
 			cancelScheduledScroll?.();
 		});
 		__expose({
@@ -118,20 +149,27 @@ var RsTimePickerColumns_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 			resolvedSize
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(["rs-time-columns", [`rs-time-columns--${unref(resolvedSize)}`, { "rs-time-columns--seconds": __props.second }]]) }, [
+			return openBlock(), createElementBlock("div", {
+				ref_key: "rootRef",
+				ref: rootRef,
+				class: normalizeClass(["rs-time-columns", [`rs-time-columns--${unref(resolvedSize)}`, {
+					"rs-time-columns--seconds": __props.second,
+					"rs-time-columns--hour12": useHour12.value
+				}]])
+			}, [
 				createElementVNode("div", _hoisted_1, [createElementVNode("span", _hoisted_2, toDisplayString(unref(t)("timePicker.hour")), 1), createElementVNode("div", _hoisted_3, [createElementVNode("div", {
 					ref_key: "hourListRef",
 					ref: hourListRef,
 					class: "rs-time-columns__list"
-				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(hourOptions), (option) => {
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(hourOptions.value, (option) => {
 					return openBlock(), createElementBlock("button", {
 						key: option.value,
 						type: "button",
-						class: normalizeClass(["rs-time-columns__item", { "rs-time-columns__item--active": parts.value.hour === option.value }]),
+						class: normalizeClass(["rs-time-columns__item", { "rs-time-columns__item--active": useHour12.value ? hour12.value.hour === option.value : parts.value.hour === option.value }]),
 						"data-unit": "hour",
 						"data-value": option.value,
-						disabled: isDisabled("hour", option.value),
-						onClick: ($event) => selectUnit("hour", option.value)
+						disabled: isDisabled("hour", useHour12.value ? unref(toHour24)(option.value, hour12.value.period) : option.value),
+						onClick: ($event) => useHour12.value ? selectHour12(option.value) : selectUnit("hour", option.value)
 					}, toDisplayString(option.label), 11, _hoisted_4);
 				}), 128))], 512)])]),
 				createElementVNode("div", _hoisted_5, [createElementVNode("span", _hoisted_6, toDisplayString(unref(t)("timePicker.minute")), 1), createElementVNode("div", _hoisted_7, [createElementVNode("div", {
@@ -163,7 +201,22 @@ var RsTimePickerColumns_vue_vue_type_script_setup_true_lang_default = /*@__PURE_
 						disabled: isDisabled("second", option.value),
 						onClick: ($event) => selectUnit("second", option.value)
 					}, toDisplayString(option.label), 11, _hoisted_12);
-				}), 128))], 512)])])) : createCommentVNode("", true)
+				}), 128))], 512)])])) : createCommentVNode("", true),
+				useHour12.value ? (openBlock(), createElementBlock("div", _hoisted_13, [createElementVNode("span", _hoisted_14, toDisplayString(unref(t)("timePicker.period")), 1), createElementVNode("div", _hoisted_15, [createElementVNode("div", _hoisted_16, [createElementVNode("button", {
+					type: "button",
+					class: normalizeClass(["rs-time-columns__item", { "rs-time-columns__item--active": hour12.value.period === "am" }]),
+					"data-unit": "period",
+					"data-value": "am",
+					disabled: isDisabled("hour", unref(toHour24)(hour12.value.hour, "am")),
+					onClick: _cache[0] || (_cache[0] = ($event) => selectPeriod("am"))
+				}, toDisplayString(unref(t)("timePicker.am")), 11, _hoisted_17), createElementVNode("button", {
+					type: "button",
+					class: normalizeClass(["rs-time-columns__item", { "rs-time-columns__item--active": hour12.value.period === "pm" }]),
+					"data-unit": "period",
+					"data-value": "pm",
+					disabled: isDisabled("hour", unref(toHour24)(hour12.value.hour, "pm")),
+					onClick: _cache[1] || (_cache[1] = ($event) => selectPeriod("pm"))
+				}, toDisplayString(unref(t)("timePicker.pm")), 11, _hoisted_18)])])])) : createCommentVNode("", true)
 			], 2);
 		};
 	}

package/dist/components/time-picker/src/RsTimePickerColumns.js

@@ -3,6 +3,6 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
 import RsTimePickerColumns_vue_vue_type_script_setup_true_lang_default from "./RsTimePickerColumns.impl.js";
 
 //#region src/components/time-picker/src/RsTimePickerColumns.vue
-var RsTimePickerColumns_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsTimePickerColumns_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-48197425"]]);
+var RsTimePickerColumns_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsTimePickerColumns_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-2cb69b18"]]);
 //#endregion
 export { RsTimePickerColumns_default as default };

package/dist/components/time-picker/src/time-picker-utils.d.ts

@@ -29,6 +29,15 @@ export declare function getTimeMinuteOptions(step?: number): readonly RsTimeUnit
  * 避免 scrollIntoView 带动外层页面 / Popover 滚动。
  */
 export declare function scrollTimeColumnToValue(container: HTMLElement | null | undefined, value: number): void;
+/** 列内部滚动：给浮层的 capture scroll 用，避免列一滚就重算面板位置。 */
+export declare function isTimeColumnScrollTarget(target: EventTarget | null): boolean;
+/**
+ * 把滚轮留在时间列里。到顶/到底或列本身装不下时 preventDefault，避免带动页面。
+ * 必须非 passive（`{ passive: false }`）。
+ */
+export declare function containColumnWheel(event: WheelEvent): void;
+/** 面板非列区域：滚轮不要带动外层页面。列内交给 containColumnWheel。 */
+export declare function containOverlayWheel(event: WheelEvent): void;
 export declare function parseTimeValue(value?: string, withSeconds?: boolean): RsParsedTime | null;
 export declare function formatTimeParts(hour: number, minute: number, second?: number): string;
 export declare function formatTimeFromParts(hour: number, minute: number, second: number, withSeconds?: boolean): string;
@@ -48,4 +57,33 @@ export declare function pickEarlierTime(a?: string, b?: string, withSeconds?: bo
 export declare function pickLaterTime(a?: string, b?: string, withSeconds?: boolean): string | undefined;
 export declare function formatTimeRangeDisplay(range: RsTimeRangeValue, options?: {
     separator?: string;
+    hourCycle?: RsTimePickerHourCycle;
+    locale?: string;
+    withSeconds?: boolean;
+}): string;
+/** 12 或 24 小时制。绑定值始终是 24 小时墙钟 HH:mm[:ss]。 */
+export type RsTimePickerHourCycle = 12 | 24;
+/** 按列禁用某一档。hour 为 0–23。 */
+export type RsTimePickerDisabledTime = (unit: RsTimeUnit, value: number) => boolean;
+export type RsTimePickerGetPopupContainer = (trigger?: HTMLElement) => HTMLElement | string | undefined;
+export interface RsTimePickerShortcut {
+    label: string;
+    value: () => string | RsTimeRangeValue;
+}
+export type RsTimePickerModelValue = string | RsTimeRangeValue;
+/** 12 小时列：12, 1, 2, … 11 */
+export declare const TIME_HOUR12_OPTIONS: readonly RsTimeUnitOption[];
+export declare function toHour12(hour24: number): {
+    hour: number;
+    period: 'am' | 'pm';
+};
+export declare function toHour24(hour12: number, period: 'am' | 'pm'): number;
+/**
+ * 触发器展示。hourCycle=12 用 Intl（上午/下午跟 locale）；未传则墙钟 HH:mm[:ss]。
+ */
+export declare function formatTimeDisplay(value: string | undefined, options?: {
+    hourCycle?: RsTimePickerHourCycle;
+    withSeconds?: boolean;
+    locale?: string;
 }): string;
+export declare function resolveTimePickerPortalTarget(getPopupContainer: RsTimePickerGetPopupContainer | undefined, trigger?: HTMLElement | null): string | HTMLElement;

package/dist/components/time-picker/src/time-picker-utils.js

@@ -3,14 +3,18 @@ var EMPTY_TIME_RANGE = {};
 var TIME_PATTERN = /^([01]\d|2[0-3]):([0-5]\d)$/;
 var TIME_WITH_SECONDS_PATTERN = /^([01]\d|2[0-3]):([0-5]\d):([0-5]\d)$/;
 function scheduleAfterPaint(callback) {
+	if (typeof window === "undefined") return () => {};
 	let cancelled = false;
-	requestAnimationFrame(() => {
-		requestAnimationFrame(() => {
+	let inner = 0;
+	const outer = window.requestAnimationFrame(() => {
+		inner = window.requestAnimationFrame(() => {
 			if (!cancelled) callback();
 		});
 	});
 	return () => {
 		cancelled = true;
+		window.cancelAnimationFrame(outer);
+		if (inner) window.cancelAnimationFrame(inner);
 	};
 }
 function formatTimeUnitLabel(value) {
@@ -49,6 +53,38 @@ function scrollTimeColumnToValue(container, value) {
 	const top = item.offsetTop - (container.clientHeight - item.offsetHeight) / 2;
 	container.scrollTop = Math.max(0, top);
 }
+/** 列内部滚动：给浮层的 capture scroll 用，避免列一滚就重算面板位置。 */
+function isTimeColumnScrollTarget(target) {
+	return target instanceof Element && Boolean(target.closest(".rs-time-columns__list"));
+}
+function resolveTimeColumnList(event) {
+	if (event.currentTarget instanceof HTMLElement && event.currentTarget.classList.contains("rs-time-columns__list")) return event.currentTarget;
+	if (event.target instanceof Element) return event.target.closest(".rs-time-columns__list");
+	return null;
+}
+/**
+* 把滚轮留在时间列里。到顶/到底或列本身装不下时 preventDefault，避免带动页面。
+* 必须非 passive（`{ passive: false }`）。
+*/
+function containColumnWheel(event) {
+	event.stopPropagation();
+	const list = resolveTimeColumnList(event);
+	if (!list) {
+		event.preventDefault();
+		return;
+	}
+	const delta = event.deltaY;
+	if (delta === 0) return;
+	const max = list.scrollHeight - list.clientHeight;
+	const top = list.scrollTop;
+	if (max <= 0 || delta < 0 && top <= 0 || delta > 0 && top >= max - 1) event.preventDefault();
+}
+/** 面板非列区域：滚轮不要带动外层页面。列内交给 containColumnWheel。 */
+function containOverlayWheel(event) {
+	if (isTimeColumnScrollTarget(event.target)) return;
+	event.stopPropagation();
+	event.preventDefault();
+}
 function parseTimeValue(value, withSeconds = false) {
 	if (!value?.trim()) return null;
 	const trimmed = value.trim();
@@ -149,10 +185,66 @@ function pickLaterTime(a, b, withSeconds = false) {
 }
 function formatTimeRangeDisplay(range, options) {
 	const separator = options?.separator ?? " ~ ";
-	const start = range.start ? formatTimeValue(range.start) : "";
-	const end = range.end ? formatTimeValue(range.end) : "";
+	const start = range.start ? formatTimeDisplay(range.start, {
+		hourCycle: options?.hourCycle,
+		locale: options?.locale,
+		withSeconds: options?.withSeconds
+	}) : "";
+	const end = range.end ? formatTimeDisplay(range.end, {
+		hourCycle: options?.hourCycle,
+		locale: options?.locale,
+		withSeconds: options?.withSeconds
+	}) : "";
 	if (start && end) return `${start}${separator}${end}`;
 	return start || end;
 }
+/** 12 小时列：12, 1, 2, … 11 */
+var TIME_HOUR12_OPTIONS = [{
+	value: 12,
+	label: "12"
+}, ...Array.from({ length: 11 }, (_, index) => {
+	const value = index + 1;
+	return {
+		value,
+		label: String(value)
+	};
+})];
+function toHour12(hour24) {
+	const period = hour24 >= 12 ? "pm" : "am";
+	return {
+		hour: hour24 % 12 === 0 ? 12 : hour24 % 12,
+		period
+	};
+}
+function toHour24(hour12, period) {
+	const hour = hour12 % 12;
+	return period === "pm" ? hour + 12 : hour;
+}
+/**
+* 触发器展示。hourCycle=12 用 Intl（上午/下午跟 locale）；未传则墙钟 HH:mm[:ss]。
+*/
+function formatTimeDisplay(value, options) {
+	if (!value) return "";
+	const parsed = parseTimeValue(value, options?.withSeconds);
+	if (!parsed) return value;
+	if (options?.hourCycle !== 12) return formatTimeFromParts(parsed.hour, parsed.minute, parsed.second, options?.withSeconds);
+	const date = new Date(2e3, 0, 1, parsed.hour, parsed.minute, parsed.second);
+	try {
+		return new Intl.DateTimeFormat(options.locale || void 0, {
+			hour: "numeric",
+			minute: "2-digit",
+			second: options.withSeconds ? "2-digit" : void 0,
+			hour12: true
+		}).format(date);
+	} catch {
+		const { hour, period } = toHour12(parsed.hour);
+		return `${formatTimeFromParts(hour % 12 === 0 && hour === 12 ? 12 : hour, parsed.minute, parsed.second, options.withSeconds)} ${period.toUpperCase()}`;
+	}
+}
+function resolveTimePickerPortalTarget(getPopupContainer, trigger) {
+	if (typeof document === "undefined") return "body";
+	if (!getPopupContainer) return "body";
+	return getPopupContainer(trigger ?? void 0) ?? "body";
+}
 //#endregion
-export { EMPTY_TIME_RANGE, TIME_HOUR_OPTIONS, TIME_SECOND_OPTIONS, formatTimeFromParts, formatTimeParts, formatTimeRangeDisplay, formatTimeUnitLabel, formatTimeValue, getCurrentTime, getTimeMinuteOptions, isTimeRangeEmpty, isTimeRangeOrdered, isTimeRangeOrderedValues, isTimeWithinBounds, parseTimeToSeconds, parseTimeValue, pickEarlierTime, pickLaterTime, scheduleAfterPaint, scrollTimeColumnToValue, timeToSeconds };
+export { EMPTY_TIME_RANGE, TIME_HOUR12_OPTIONS, TIME_HOUR_OPTIONS, TIME_SECOND_OPTIONS, containColumnWheel, containOverlayWheel, formatTimeDisplay, formatTimeFromParts, formatTimeParts, formatTimeRangeDisplay, formatTimeUnitLabel, formatTimeValue, getCurrentTime, getTimeMinuteOptions, isTimeColumnScrollTarget, isTimeRangeEmpty, isTimeRangeOrdered, isTimeRangeOrderedValues, isTimeWithinBounds, parseTimeToSeconds, parseTimeValue, pickEarlierTime, pickLaterTime, resolveTimePickerPortalTarget, scheduleAfterPaint, scrollTimeColumnToValue, timeToSeconds, toHour12, toHour24 };