TimeRangePicker 时间范围选择

时间区间选择控件，v-model 是 [start, end] 元组。两端各自独立的 TimePicker 面板，支持独立 disabled / allowEmpty / placeholder，可配 order 自动保序。

基本使用

v-model 直接绑定 [start, end] 数组。任一端为空时元组对应位置是 null 或空串（按 value-format 决定）。

format 决定输入与展示格式；valueFormat 决定 v-model 输出形态（string / date / number）。

disabled 支持元组 [boolean, boolean]，分别锁两端输入。例如「开始可选 / 结束锁定」。

allowEmpty 接元组 [boolean, boolean]，分别配置「开始可空 / 结束可空」。业务侧常用「开始日期可空 / 结束日期必填」之类的不对称需求。

separator 默认 ~，可改成箭头 → 或文字 至。

参数	类型	默认值	说明
modelValue	`[DateValue, DateValue] \| null`	--	时间范围元组，支持 `v-model`
format	string	`''`	时间格式（dayjs token）；空时按 `use12Hours` 兜底
valueFormat	`'string' \| 'date' \| 'number'`	`'string'`	`v-model` 输出形态
use12Hours	boolean	`false`	12 小时制
placeholder	`string \| [string, string]`	--	占位文案；元组分别给两端
disabled	`boolean \| [boolean, boolean]`	`false`	是否禁用；元组分别锁两端
allowEmpty	`boolean \| [boolean, boolean]`	`false`	是否允许该端为空；元组分别配置
order	boolean	`true`	start > end 时自动交换
separator	string	`~`	中间分隔符
size	`'small' \| 'default' \| 'large'`	`'default'`	输入框尺寸
status	`'' \| 'error' \| 'warning' \| ...`	`''`	校验状态
placement	`'bottomLeft' \| 'bottomRight' \| 'topLeft' \| 'topRight'`	`bottomLeft`	浮层方位
clearable	boolean	`true`	是否显示清除按钮
showHour	boolean	`true`	是否显示小时列
showMinute	boolean	`true`	是否显示分钟列
showSecond	boolean	`true`	是否显示秒列
hourStep	number	`1`	小时步进
minuteStep	number	`1`	分钟步进
secondStep	number	`1`	秒步进
disabledHours	`(which: 'start' \| 'end') => number[]`	--	按 which 区分两端的小时禁用
disabledMinutes	`(which: 'start' \| 'end', selectedHour: number) => number[]`	--	按 which + 当前 hour 返回禁用分钟
disabledSeconds	`(which: 'start' \| 'end', selectedHour, selectedMinute) => number[]`	--	按 which + 时分返回禁用秒