@v-c/picker 0.0.1

package/dist/hooks/useTimeConfig.cjs

@@ -0,0 +1,161 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_miscUtil = require("../utils/miscUtil.cjs");
+const require_useLocale = require("./useLocale.cjs");
+function checkShow(format, keywords, show) {
+	return show ?? keywords.some((keyword) => format.includes(keyword));
+}
+var showTimeKeys = [
+	"showNow",
+	"showHour",
+	"showMinute",
+	"showSecond",
+	"showMillisecond",
+	"use12Hours",
+	"hourStep",
+	"minuteStep",
+	"secondStep",
+	"millisecondStep",
+	"hideDisabledOptions",
+	"defaultValue",
+	"disabledHours",
+	"disabledMinutes",
+	"disabledSeconds",
+	"disabledMilliseconds",
+	"disabledTime",
+	"changeOnScroll",
+	"defaultOpenValue"
+];
+function pickTimeProps(props) {
+	const timeProps = require_miscUtil.pickProps(props, showTimeKeys);
+	const { format, picker } = props;
+	let propFormat = null;
+	if (format) {
+		propFormat = format;
+		if (Array.isArray(propFormat)) propFormat = propFormat[0];
+		propFormat = typeof propFormat === "object" ? propFormat.format : propFormat;
+	}
+	if (picker === "time") timeProps.format = propFormat;
+	return [timeProps, propFormat];
+}
+function isStringFormat(format) {
+	return format && typeof format === "string";
+}
+function existShowConfig(showHour, showMinute, showSecond, showMillisecond) {
+	return [
+		showHour,
+		showMinute,
+		showSecond,
+		showMillisecond
+	].some((show) => show !== void 0);
+}
+function fillShowConfig(hasShowConfig, showHour, showMinute, showSecond, showMillisecond) {
+	let parsedShowHour = showHour;
+	let parsedShowMinute = showMinute;
+	let parsedShowSecond = showSecond;
+	if (!hasShowConfig && !parsedShowHour && !parsedShowMinute && !parsedShowSecond && !showMillisecond) {
+		parsedShowHour = true;
+		parsedShowMinute = true;
+		parsedShowSecond = true;
+	} else if (hasShowConfig) {
+		const existFalse = [
+			parsedShowHour,
+			parsedShowMinute,
+			parsedShowSecond
+		].includes(false);
+		const existTrue = [
+			parsedShowHour,
+			parsedShowMinute,
+			parsedShowSecond
+		].includes(true);
+		const defaultShow = existFalse ? true : !existTrue;
+		parsedShowHour = parsedShowHour ?? defaultShow;
+		parsedShowMinute = parsedShowMinute ?? defaultShow;
+		parsedShowSecond = parsedShowSecond ?? defaultShow;
+	}
+	return [
+		parsedShowHour,
+		parsedShowMinute,
+		parsedShowSecond,
+		showMillisecond
+	];
+}
+function getTimeProps(componentProps) {
+	const { showTime } = componentProps;
+	const [pickedProps, propFormat] = pickTimeProps(componentProps);
+	const showTimeConfig = showTime && typeof showTime === "object" ? showTime : {};
+	const timeConfig = {
+		defaultOpenValue: showTimeConfig.defaultOpenValue || showTimeConfig.defaultValue,
+		...pickedProps,
+		...showTimeConfig
+	};
+	const { showMillisecond } = timeConfig;
+	let { showHour, showMinute, showSecond } = timeConfig;
+	const hasShowConfig = existShowConfig(showHour, showMinute, showSecond, showMillisecond);
+	[showHour, showMinute, showSecond] = fillShowConfig(hasShowConfig, showHour, showMinute, showSecond, showMillisecond);
+	return [
+		timeConfig,
+		{
+			...timeConfig,
+			showHour,
+			showMinute,
+			showSecond,
+			showMillisecond
+		},
+		timeConfig.format,
+		propFormat
+	];
+}
+function fillShowTimeConfig(picker, showTimeFormat, propFormat, timeConfig, locale) {
+	if (picker === "datetime" || picker === "time") {
+		const pickedProps = timeConfig;
+		let baselineFormat = require_miscUtil.getRowFormat(picker, locale, null);
+		const formatList = [showTimeFormat, propFormat];
+		for (let i = 0; i < formatList.length; i += 1) {
+			const format = require_miscUtil.toArray(formatList[i])[0];
+			if (isStringFormat(format)) {
+				baselineFormat = format;
+				break;
+			}
+		}
+		let { showHour, showMinute, showSecond, showMillisecond } = pickedProps;
+		const { use12Hours } = pickedProps;
+		const showMeridiem = checkShow(baselineFormat, [
+			"a",
+			"A",
+			"LT",
+			"LLL",
+			"LTS"
+		], use12Hours);
+		const hasShowConfig = existShowConfig(showHour, showMinute, showSecond, showMillisecond);
+		if (!hasShowConfig) {
+			showHour = checkShow(baselineFormat, [
+				"H",
+				"h",
+				"k",
+				"LT",
+				"LLL"
+			]);
+			showMinute = checkShow(baselineFormat, [
+				"m",
+				"LT",
+				"LLL"
+			]);
+			showSecond = checkShow(baselineFormat, ["s", "LTS"]);
+			showMillisecond = checkShow(baselineFormat, ["SSS"]);
+		}
+		[showHour, showMinute, showSecond] = fillShowConfig(hasShowConfig, showHour, showMinute, showSecond, showMillisecond);
+		const timeFormat = showTimeFormat || require_useLocale.fillTimeFormat(showHour, showMinute, showSecond, showMillisecond, showMeridiem);
+		return {
+			...pickedProps,
+			format: timeFormat,
+			showHour,
+			showMinute,
+			showSecond,
+			showMillisecond,
+			use12Hours: showMeridiem
+		};
+	}
+	return null;
+}
+exports.fillShowTimeConfig = fillShowTimeConfig;
+exports.getTimeProps = getTimeProps;

package/dist/hooks/useTimeConfig.d.ts

@@ -0,0 +1,18 @@
+import { InternalMode, Locale, SharedPickerProps, SharedTimeProps } from '../interface';
+export interface ComponentProps<DateType extends object> {
+    picker?: InternalMode;
+    showTime?: boolean | Partial<SharedTimeProps<DateType>>;
+    locale: Locale;
+    format?: SharedPickerProps['format'];
+}
+/**
+ * Get `showHour`, `showMinute`, `showSecond` or other from the props.
+ * This is pure function, will not get `showXXX` from the `format` prop.
+ */
+export declare function getTimeProps<DateType extends object>(componentProps: ComponentProps<DateType>): [
+    showTimeProps: SharedTimeProps<DateType>,
+    showTimePropsForLocale: SharedTimeProps<DateType>,
+    showTimeFormat: string | undefined,
+    propFormat: string
+];
+export declare function fillShowTimeConfig<DateType extends object>(picker: InternalMode, showTimeFormat: string | undefined, propFormat: string, timeConfig: SharedTimeProps<DateType>, locale: Locale): SharedTimeProps<DateType> | null;

package/dist/hooks/useTimeConfig.js

@@ -0,0 +1,159 @@
+import { getRowFormat, pickProps, toArray } from "../utils/miscUtil.js";
+import { fillTimeFormat } from "./useLocale.js";
+function checkShow(format, keywords, show) {
+	return show ?? keywords.some((keyword) => format.includes(keyword));
+}
+var showTimeKeys = [
+	"showNow",
+	"showHour",
+	"showMinute",
+	"showSecond",
+	"showMillisecond",
+	"use12Hours",
+	"hourStep",
+	"minuteStep",
+	"secondStep",
+	"millisecondStep",
+	"hideDisabledOptions",
+	"defaultValue",
+	"disabledHours",
+	"disabledMinutes",
+	"disabledSeconds",
+	"disabledMilliseconds",
+	"disabledTime",
+	"changeOnScroll",
+	"defaultOpenValue"
+];
+function pickTimeProps(props) {
+	const timeProps = pickProps(props, showTimeKeys);
+	const { format, picker } = props;
+	let propFormat = null;
+	if (format) {
+		propFormat = format;
+		if (Array.isArray(propFormat)) propFormat = propFormat[0];
+		propFormat = typeof propFormat === "object" ? propFormat.format : propFormat;
+	}
+	if (picker === "time") timeProps.format = propFormat;
+	return [timeProps, propFormat];
+}
+function isStringFormat(format) {
+	return format && typeof format === "string";
+}
+function existShowConfig(showHour, showMinute, showSecond, showMillisecond) {
+	return [
+		showHour,
+		showMinute,
+		showSecond,
+		showMillisecond
+	].some((show) => show !== void 0);
+}
+function fillShowConfig(hasShowConfig, showHour, showMinute, showSecond, showMillisecond) {
+	let parsedShowHour = showHour;
+	let parsedShowMinute = showMinute;
+	let parsedShowSecond = showSecond;
+	if (!hasShowConfig && !parsedShowHour && !parsedShowMinute && !parsedShowSecond && !showMillisecond) {
+		parsedShowHour = true;
+		parsedShowMinute = true;
+		parsedShowSecond = true;
+	} else if (hasShowConfig) {
+		const existFalse = [
+			parsedShowHour,
+			parsedShowMinute,
+			parsedShowSecond
+		].includes(false);
+		const existTrue = [
+			parsedShowHour,
+			parsedShowMinute,
+			parsedShowSecond
+		].includes(true);
+		const defaultShow = existFalse ? true : !existTrue;
+		parsedShowHour = parsedShowHour ?? defaultShow;
+		parsedShowMinute = parsedShowMinute ?? defaultShow;
+		parsedShowSecond = parsedShowSecond ?? defaultShow;
+	}
+	return [
+		parsedShowHour,
+		parsedShowMinute,
+		parsedShowSecond,
+		showMillisecond
+	];
+}
+function getTimeProps(componentProps) {
+	const { showTime } = componentProps;
+	const [pickedProps, propFormat] = pickTimeProps(componentProps);
+	const showTimeConfig = showTime && typeof showTime === "object" ? showTime : {};
+	const timeConfig = {
+		defaultOpenValue: showTimeConfig.defaultOpenValue || showTimeConfig.defaultValue,
+		...pickedProps,
+		...showTimeConfig
+	};
+	const { showMillisecond } = timeConfig;
+	let { showHour, showMinute, showSecond } = timeConfig;
+	const hasShowConfig = existShowConfig(showHour, showMinute, showSecond, showMillisecond);
+	[showHour, showMinute, showSecond] = fillShowConfig(hasShowConfig, showHour, showMinute, showSecond, showMillisecond);
+	return [
+		timeConfig,
+		{
+			...timeConfig,
+			showHour,
+			showMinute,
+			showSecond,
+			showMillisecond
+		},
+		timeConfig.format,
+		propFormat
+	];
+}
+function fillShowTimeConfig(picker, showTimeFormat, propFormat, timeConfig, locale) {
+	if (picker === "datetime" || picker === "time") {
+		const pickedProps = timeConfig;
+		let baselineFormat = getRowFormat(picker, locale, null);
+		const formatList = [showTimeFormat, propFormat];
+		for (let i = 0; i < formatList.length; i += 1) {
+			const format = toArray(formatList[i])[0];
+			if (isStringFormat(format)) {
+				baselineFormat = format;
+				break;
+			}
+		}
+		let { showHour, showMinute, showSecond, showMillisecond } = pickedProps;
+		const { use12Hours } = pickedProps;
+		const showMeridiem = checkShow(baselineFormat, [
+			"a",
+			"A",
+			"LT",
+			"LLL",
+			"LTS"
+		], use12Hours);
+		const hasShowConfig = existShowConfig(showHour, showMinute, showSecond, showMillisecond);
+		if (!hasShowConfig) {
+			showHour = checkShow(baselineFormat, [
+				"H",
+				"h",
+				"k",
+				"LT",
+				"LLL"
+			]);
+			showMinute = checkShow(baselineFormat, [
+				"m",
+				"LT",
+				"LLL"
+			]);
+			showSecond = checkShow(baselineFormat, ["s", "LTS"]);
+			showMillisecond = checkShow(baselineFormat, ["SSS"]);
+		}
+		[showHour, showMinute, showSecond] = fillShowConfig(hasShowConfig, showHour, showMinute, showSecond, showMillisecond);
+		const timeFormat = showTimeFormat || fillTimeFormat(showHour, showMinute, showSecond, showMillisecond, showMeridiem);
+		return {
+			...pickedProps,
+			format: timeFormat,
+			showHour,
+			showMinute,
+			showSecond,
+			showMillisecond,
+			use12Hours: showMeridiem
+		};
+	}
+	return null;
+}
+export { fillShowTimeConfig, getTimeProps };

package/dist/hooks/useTimeInfo.cjs

@@ -0,0 +1,113 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+const require_miscUtil = require("../utils/miscUtil.cjs");
+let vue = require("vue");
+let _v_c_util = require("@v-c/util");
+function emptyDisabled() {
+	return [];
+}
+function generateUnits(start, end, step = 1, hideDisabledOptions = false, disabledUnits = [], pad = 2) {
+	const units = [];
+	const integerStep = step >= 1 ? step | 0 : 1;
+	for (let i = start; i <= end; i += integerStep) {
+		const disabled = disabledUnits.includes(i);
+		if (!disabled || !hideDisabledOptions) units.push({
+			label: require_miscUtil.leftPad(i, pad),
+			value: i,
+			disabled
+		});
+	}
+	return units;
+}
+function useTimeInfo(generateConfig, props, date) {
+	const mergedDate = (0, vue.computed)(() => date?.value || generateConfig.value.getNow());
+	if (process.env.NODE_ENV !== "production") {
+		const p = props?.value || {};
+		const isHourStepValid = 24 % (p.hourStep ?? 1) === 0;
+		const isMinuteStepValid = 60 % (p.minuteStep ?? 1) === 0;
+		const isSecondStepValid = 60 % (p.secondStep ?? 1) === 0;
+		(0, _v_c_util.warning)(isHourStepValid, `\`hourStep\` ${p.hourStep ?? 1} is invalid. It should be a factor of 24.`);
+		(0, _v_c_util.warning)(isMinuteStepValid, `\`minuteStep\` ${p.minuteStep ?? 1} is invalid. It should be a factor of 60.`);
+		(0, _v_c_util.warning)(isSecondStepValid, `\`secondStep\` ${p.secondStep ?? 1} is invalid. It should be a factor of 60.`);
+	}
+	const getDisabledTimes = (targetDate) => {
+		const p = props?.value || {};
+		const disabledConfig = p.disabledTime?.(targetDate) || {};
+		return [
+			disabledConfig.disabledHours || p.disabledHours || emptyDisabled,
+			disabledConfig.disabledMinutes || p.disabledMinutes || emptyDisabled,
+			disabledConfig.disabledSeconds || p.disabledSeconds || emptyDisabled,
+			disabledConfig.disabledMilliseconds || emptyDisabled
+		];
+	};
+	const getAllUnits = (getDisabledHours, getDisabledMinutes, getDisabledSeconds, getDisabledMilliseconds) => {
+		const p = props?.value || {};
+		const hours = generateUnits(0, 23, p.hourStep ?? 1, !!p.hideDisabledOptions, getDisabledHours?.());
+		const rowHourUnits$1 = p.use12Hours ? hours.map((unit) => ({
+			...unit,
+			label: require_miscUtil.leftPad(unit.value % 12 || 12, 2)
+		})) : hours;
+		const getMinuteUnits = (nextHour) => generateUnits(0, 59, p.minuteStep ?? 1, !!p.hideDisabledOptions, getDisabledMinutes?.(nextHour));
+		const getSecondUnits = (nextHour, nextMinute) => generateUnits(0, 59, p.secondStep ?? 1, !!p.hideDisabledOptions, getDisabledSeconds?.(nextHour, nextMinute));
+		const getMillisecondUnits = (nextHour, nextMinute, nextSecond) => generateUnits(0, 999, p.millisecondStep ?? 100, !!p.hideDisabledOptions, getDisabledMilliseconds?.(nextHour, nextMinute, nextSecond), 3);
+		return [
+			rowHourUnits$1,
+			getMinuteUnits,
+			getSecondUnits,
+			getMillisecondUnits
+		];
+	};
+	const defaultUnits = (0, vue.computed)(() => {
+		const [mergedDisabledHours, mergedDisabledMinutes, mergedDisabledSeconds, mergedDisabledMilliseconds] = getDisabledTimes(mergedDate.value);
+		return getAllUnits(mergedDisabledHours, mergedDisabledMinutes, mergedDisabledSeconds, mergedDisabledMilliseconds);
+	});
+	const rowHourUnits = (0, vue.computed)(() => defaultUnits.value[0]);
+	const minuteUnitsGetter = (nextHour) => defaultUnits.value[1](nextHour);
+	const secondUnitsGetter = (nextHour, nextMinute) => defaultUnits.value[2](nextHour, nextMinute);
+	const millisecondUnitsGetter = (nextHour, nextMinute, nextSecond) => defaultUnits.value[3](nextHour, nextMinute, nextSecond);
+	const getValidTime = (nextTime, certainDate) => {
+		let getCheckHourUnits = () => rowHourUnits.value;
+		let getCheckMinuteUnits = minuteUnitsGetter;
+		let getCheckSecondUnits = secondUnitsGetter;
+		let getCheckMillisecondUnits = millisecondUnitsGetter;
+		if (certainDate) {
+			const [targetDisabledHours, targetDisabledMinutes, targetDisabledSeconds, targetDisabledMilliseconds] = getDisabledTimes(certainDate);
+			const [targetRowHourUnits, targetGetMinuteUnits, targetGetSecondUnits, targetGetMillisecondUnits] = getAllUnits(targetDisabledHours, targetDisabledMinutes, targetDisabledSeconds, targetDisabledMilliseconds);
+			getCheckHourUnits = () => targetRowHourUnits;
+			getCheckMinuteUnits = targetGetMinuteUnits;
+			getCheckSecondUnits = targetGetSecondUnits;
+			getCheckMillisecondUnits = targetGetMillisecondUnits;
+		}
+		return findValidateTime(nextTime, getCheckHourUnits, getCheckMinuteUnits, getCheckSecondUnits, getCheckMillisecondUnits, generateConfig.value);
+	};
+	return [
+		getValidTime,
+		rowHourUnits,
+		minuteUnitsGetter,
+		secondUnitsGetter,
+		millisecondUnitsGetter
+	];
+}
+function findValidateTime(nextTime, getHourUnits, getMinuteUnits, getSecondUnits, getMillisecondUnits, generateConfig) {
+	const curHour = generateConfig.getHour(nextTime);
+	const hourUnits = getHourUnits();
+	const validHour = hourUnits.find((u) => u.value === curHour && !u.disabled)?.value ?? hourUnits.find((u) => !u.disabled)?.value ?? curHour;
+	let ret = generateConfig.setHour(nextTime, validHour);
+	const curMinute = generateConfig.getMinute(ret);
+	const minuteUnits = getMinuteUnits(validHour);
+	const validMinute = minuteUnits.find((u) => u.value === curMinute && !u.disabled)?.value ?? minuteUnits.find((u) => !u.disabled)?.value ?? curMinute;
+	ret = generateConfig.setMinute(ret, validMinute);
+	const curSecond = generateConfig.getSecond(ret);
+	const secondUnits = getSecondUnits(validHour, validMinute);
+	const validSecond = secondUnits.find((u) => u.value === curSecond && !u.disabled)?.value ?? secondUnits.find((u) => !u.disabled)?.value ?? curSecond;
+	ret = generateConfig.setSecond(ret, validSecond);
+	const curMs = generateConfig.getMillisecond(ret);
+	const msUnits = getMillisecondUnits(validHour, validMinute, validSecond);
+	const validMs = msUnits.find((u) => u.value === curMs && !u.disabled)?.value ?? msUnits.find((u) => !u.disabled)?.value ?? curMs;
+	ret = generateConfig.setMillisecond(ret, validMs);
+	return ret;
+}
+exports.default = useTimeInfo;

package/dist/hooks/useTimeInfo.d.ts

@@ -0,0 +1,12 @@
+import { ComputedRef, Ref } from 'vue';
+import { GenerateConfig } from '../generate';
+import { SharedTimeProps } from '../interface';
+export type Unit<ValueType = number | string> = {
+    label: string | number;
+    value: ValueType;
+    disabled?: boolean;
+};
+/**
+ * Parse time props to get util info
+ */
+export default function useTimeInfo<DateType extends object = any>(generateConfig: Ref<GenerateConfig<DateType>>, props?: Ref<SharedTimeProps<DateType> | undefined> | ComputedRef<SharedTimeProps<DateType> | undefined>, date?: Ref<DateType>): readonly [(nextTime: DateType, certainDate?: DateType) => DateType, ComputedRef<Unit<number>[]>, (nextHour: number) => Unit<number>[], (nextHour: number, nextMinute: number) => Unit<number>[], (nextHour: number, nextMinute: number, nextSecond: number) => Unit<number>[]];

package/dist/hooks/useTimeInfo.js

@@ -0,0 +1,108 @@
+import { leftPad } from "../utils/miscUtil.js";
+import { computed } from "vue";
+import { warning } from "@v-c/util";
+function emptyDisabled() {
+	return [];
+}
+function generateUnits(start, end, step = 1, hideDisabledOptions = false, disabledUnits = [], pad = 2) {
+	const units = [];
+	const integerStep = step >= 1 ? step | 0 : 1;
+	for (let i = start; i <= end; i += integerStep) {
+		const disabled = disabledUnits.includes(i);
+		if (!disabled || !hideDisabledOptions) units.push({
+			label: leftPad(i, pad),
+			value: i,
+			disabled
+		});
+	}
+	return units;
+}
+function useTimeInfo(generateConfig, props, date) {
+	const mergedDate = computed(() => date?.value || generateConfig.value.getNow());
+	if (process.env.NODE_ENV !== "production") {
+		const p = props?.value || {};
+		const isHourStepValid = 24 % (p.hourStep ?? 1) === 0;
+		const isMinuteStepValid = 60 % (p.minuteStep ?? 1) === 0;
+		const isSecondStepValid = 60 % (p.secondStep ?? 1) === 0;
+		warning(isHourStepValid, `\`hourStep\` ${p.hourStep ?? 1} is invalid. It should be a factor of 24.`);
+		warning(isMinuteStepValid, `\`minuteStep\` ${p.minuteStep ?? 1} is invalid. It should be a factor of 60.`);
+		warning(isSecondStepValid, `\`secondStep\` ${p.secondStep ?? 1} is invalid. It should be a factor of 60.`);
+	}
+	const getDisabledTimes = (targetDate) => {
+		const p = props?.value || {};
+		const disabledConfig = p.disabledTime?.(targetDate) || {};
+		return [
+			disabledConfig.disabledHours || p.disabledHours || emptyDisabled,
+			disabledConfig.disabledMinutes || p.disabledMinutes || emptyDisabled,
+			disabledConfig.disabledSeconds || p.disabledSeconds || emptyDisabled,
+			disabledConfig.disabledMilliseconds || emptyDisabled
+		];
+	};
+	const getAllUnits = (getDisabledHours, getDisabledMinutes, getDisabledSeconds, getDisabledMilliseconds) => {
+		const p = props?.value || {};
+		const hours = generateUnits(0, 23, p.hourStep ?? 1, !!p.hideDisabledOptions, getDisabledHours?.());
+		const rowHourUnits$1 = p.use12Hours ? hours.map((unit) => ({
+			...unit,
+			label: leftPad(unit.value % 12 || 12, 2)
+		})) : hours;
+		const getMinuteUnits = (nextHour) => generateUnits(0, 59, p.minuteStep ?? 1, !!p.hideDisabledOptions, getDisabledMinutes?.(nextHour));
+		const getSecondUnits = (nextHour, nextMinute) => generateUnits(0, 59, p.secondStep ?? 1, !!p.hideDisabledOptions, getDisabledSeconds?.(nextHour, nextMinute));
+		const getMillisecondUnits = (nextHour, nextMinute, nextSecond) => generateUnits(0, 999, p.millisecondStep ?? 100, !!p.hideDisabledOptions, getDisabledMilliseconds?.(nextHour, nextMinute, nextSecond), 3);
+		return [
+			rowHourUnits$1,
+			getMinuteUnits,
+			getSecondUnits,
+			getMillisecondUnits
+		];
+	};
+	const defaultUnits = computed(() => {
+		const [mergedDisabledHours, mergedDisabledMinutes, mergedDisabledSeconds, mergedDisabledMilliseconds] = getDisabledTimes(mergedDate.value);
+		return getAllUnits(mergedDisabledHours, mergedDisabledMinutes, mergedDisabledSeconds, mergedDisabledMilliseconds);
+	});
+	const rowHourUnits = computed(() => defaultUnits.value[0]);
+	const minuteUnitsGetter = (nextHour) => defaultUnits.value[1](nextHour);
+	const secondUnitsGetter = (nextHour, nextMinute) => defaultUnits.value[2](nextHour, nextMinute);
+	const millisecondUnitsGetter = (nextHour, nextMinute, nextSecond) => defaultUnits.value[3](nextHour, nextMinute, nextSecond);
+	const getValidTime = (nextTime, certainDate) => {
+		let getCheckHourUnits = () => rowHourUnits.value;
+		let getCheckMinuteUnits = minuteUnitsGetter;
+		let getCheckSecondUnits = secondUnitsGetter;
+		let getCheckMillisecondUnits = millisecondUnitsGetter;
+		if (certainDate) {
+			const [targetDisabledHours, targetDisabledMinutes, targetDisabledSeconds, targetDisabledMilliseconds] = getDisabledTimes(certainDate);
+			const [targetRowHourUnits, targetGetMinuteUnits, targetGetSecondUnits, targetGetMillisecondUnits] = getAllUnits(targetDisabledHours, targetDisabledMinutes, targetDisabledSeconds, targetDisabledMilliseconds);
+			getCheckHourUnits = () => targetRowHourUnits;
+			getCheckMinuteUnits = targetGetMinuteUnits;
+			getCheckSecondUnits = targetGetSecondUnits;
+			getCheckMillisecondUnits = targetGetMillisecondUnits;
+		}
+		return findValidateTime(nextTime, getCheckHourUnits, getCheckMinuteUnits, getCheckSecondUnits, getCheckMillisecondUnits, generateConfig.value);
+	};
+	return [
+		getValidTime,
+		rowHourUnits,
+		minuteUnitsGetter,
+		secondUnitsGetter,
+		millisecondUnitsGetter
+	];
+}
+function findValidateTime(nextTime, getHourUnits, getMinuteUnits, getSecondUnits, getMillisecondUnits, generateConfig) {
+	const curHour = generateConfig.getHour(nextTime);
+	const hourUnits = getHourUnits();
+	const validHour = hourUnits.find((u) => u.value === curHour && !u.disabled)?.value ?? hourUnits.find((u) => !u.disabled)?.value ?? curHour;
+	let ret = generateConfig.setHour(nextTime, validHour);
+	const curMinute = generateConfig.getMinute(ret);
+	const minuteUnits = getMinuteUnits(validHour);
+	const validMinute = minuteUnits.find((u) => u.value === curMinute && !u.disabled)?.value ?? minuteUnits.find((u) => !u.disabled)?.value ?? curMinute;
+	ret = generateConfig.setMinute(ret, validMinute);
+	const curSecond = generateConfig.getSecond(ret);
+	const secondUnits = getSecondUnits(validHour, validMinute);
+	const validSecond = secondUnits.find((u) => u.value === curSecond && !u.disabled)?.value ?? secondUnits.find((u) => !u.disabled)?.value ?? curSecond;
+	ret = generateConfig.setSecond(ret, validSecond);
+	const curMs = generateConfig.getMillisecond(ret);
+	const msUnits = getMillisecondUnits(validHour, validMinute, validSecond);
+	const validMs = msUnits.find((u) => u.value === curMs && !u.disabled)?.value ?? msUnits.find((u) => !u.disabled)?.value ?? curMs;
+	ret = generateConfig.setMillisecond(ret, validMs);
+	return ret;
+}
+export { useTimeInfo as default };

package/dist/hooks/useToggleDates.cjs

@@ -0,0 +1,16 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_dateUtil = require("../utils/dateUtil.cjs");
+function useToggleDates(generateConfig, locale, panelMode) {
+	function toggleDates(list, target) {
+		const index = list.findIndex((date) => require_dateUtil.isSame(generateConfig.value, locale.value, date, target, panelMode.value));
+		if (index === -1) return [...list, target];
+		const sliceList = [...list];
+		sliceList.splice(index, 1);
+		return sliceList;
+	}
+	return toggleDates;
+}
+exports.default = useToggleDates;

package/dist/hooks/useToggleDates.d.ts

@@ -0,0 +1,9 @@
+import { Ref } from 'vue';
+import { GenerateConfig } from '../generate';
+import { InternalMode, Locale } from '../interface';
+/**
+ * Toggles the presence of a value in an array.
+ * If the value exists in the array, removed it.
+ * Else add it.
+ */
+export default function useToggleDates<DateType>(generateConfig: Ref<GenerateConfig<DateType>>, locale: Ref<Locale>, panelMode: Ref<InternalMode>): (list: DateType[], target: DateType) => DateType[];

package/dist/hooks/useToggleDates.js

@@ -0,0 +1,12 @@
+import { isSame } from "../utils/dateUtil.js";
+function useToggleDates(generateConfig, locale, panelMode) {
+	function toggleDates(list, target) {
+		const index = list.findIndex((date) => isSame(generateConfig.value, locale.value, date, target, panelMode.value));
+		if (index === -1) return [...list, target];
+		const sliceList = [...list];
+		sliceList.splice(index, 1);
+		return sliceList;
+	}
+	return toggleDates;
+}
+export { useToggleDates as default };

package/dist/index.cjs

@@ -0,0 +1,12 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_index = require("./PickerPanel/index.cjs");
+const require_RangePicker = require("./PickerInput/RangePicker.cjs");
+const require_SinglePicker = require("./PickerInput/SinglePicker.cjs");
+var src_default = require_SinglePicker.default;
+exports.Picker = require_SinglePicker.default;
+exports.PickerPanel = require_index.default;
+exports.RangePicker = require_RangePicker.default;
+exports.default = src_default;

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+import { Components, Locale, PickerMode, PickerRef, SharedTimeProps } from './interface';
+import { RangePickerProps, default as RangePicker } from './PickerInput/RangePicker';
+import { BasePickerProps, PickerProps, default as Picker } from './PickerInput/SinglePicker';
+import { BasePickerPanelProps, PickerPanelProps, default as PickerPanel } from './PickerPanel';
+export { Picker, PickerPanel, RangePicker };
+export type { BasePickerPanelProps, BasePickerProps, Components, Locale, PickerMode, PickerPanelProps, PickerProps, PickerRef, RangePickerProps, SharedTimeProps, };
+export default Picker;

package/dist/index.js

@@ -0,0 +1,5 @@
+import PickerPanel_default from "./PickerPanel/index.js";
+import RangePicker_default from "./PickerInput/RangePicker.js";
+import SinglePicker_default from "./PickerInput/SinglePicker.js";
+var src_default = SinglePicker_default;
+export { SinglePicker_default as Picker, PickerPanel_default as PickerPanel, RangePicker_default as RangePicker, src_default as default };

package/dist/interface.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });