@v-c/picker 0.0.1

package/dist/generate/luxon.cjs

@@ -0,0 +1,75 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+let luxon = require("luxon");
+var weekDayFormatMap = {
+	zh_CN: "narrow",
+	zh_TW: "narrow"
+};
+var weekDayLengthMap = {
+	en_US: 2,
+	en_GB: 2
+};
+function normalizeFormatPart(part) {
+	return part.replace(/Y/g, "y").replace(/D/g, "d").replace(/gg/g, "kk").replace(/Q/g, "q").replace(/([Ww])o/g, "WW").replace(/A/g, "a");
+}
+function normalizeFormat(format) {
+	return format.split(/[[\]]/).map((part, index) => {
+		return index % 2 > 0 ? part : normalizeFormatPart(part);
+	}).join("'");
+}
+var normalizeLocale = (locale) => locale.replace(/_/g, "-");
+var generateConfig = {
+	getNow: () => {
+		return luxon.DateTime.now();
+	},
+	getFixedDate: (string) => luxon.DateTime.fromFormat(string, "yyyy-MM-dd"),
+	getEndDate: (date) => date.endOf("month"),
+	getWeekDay: (date) => date.weekday,
+	getYear: (date) => date.year,
+	getMonth: (date) => date.month - 1,
+	getDate: (date) => date.day,
+	getHour: (date) => date.hour,
+	getMinute: (date) => date.minute,
+	getSecond: (date) => date.second,
+	getMillisecond: (date) => date.millisecond,
+	addYear: (date, diff) => date.plus({ year: diff }),
+	addMonth: (date, diff) => date.plus({ month: diff }),
+	addDate: (date, diff) => date.plus({ day: diff }),
+	setYear: (date, year) => date.set({ year }),
+	setMonth: (date, month) => date.set({ month: month + 1 }),
+	setDate: (date, day) => date.set({ day }),
+	setHour: (date, hour) => date.set({ hour }),
+	setMinute: (date, minute) => date.set({ minute }),
+	setSecond: (date, second) => date.set({ second }),
+	setMillisecond: (date, milliseconds) => date.set({ millisecond: milliseconds }),
+	isAfter: (date1, date2) => date1 > date2,
+	isValidate: (date) => date.isValid,
+	locale: {
+		getWeekFirstDate: (locale, date) => date.setLocale(normalizeLocale(locale)).startOf("week"),
+		getWeekFirstDay: (locale) => luxon.DateTime.local().setLocale(normalizeLocale(locale)).startOf("week").weekday,
+		getWeek: (locale, date) => date.setLocale(normalizeLocale(locale)).weekNumber,
+		getShortWeekDays: (locale) => {
+			const shifted = luxon.Info.weekdays(weekDayFormatMap[locale] || "short", { locale: normalizeLocale(locale) }).map((weekday) => weekday.slice(0, weekDayLengthMap[locale]));
+			shifted.unshift(shifted.pop());
+			return shifted;
+		},
+		getShortMonths: (locale) => luxon.Info.months("short", { locale: normalizeLocale(locale) }),
+		format: (locale, date, format) => {
+			if (!date || !date.isValid) return null;
+			return date.setLocale(normalizeLocale(locale)).toFormat(normalizeFormat(format));
+		},
+		parse: (locale, text, formats) => {
+			for (let i = 0; i < formats.length; i += 1) {
+				const normalizedFormat = normalizeFormat(formats[i]);
+				const date = luxon.DateTime.fromFormat(text, normalizedFormat, { locale: normalizeLocale(locale) });
+				if (date.isValid) return date;
+			}
+			return null;
+		}
+	}
+};
+var luxon_default = generateConfig;
+exports.default = luxon_default;

package/dist/generate/luxon.d.ts

@@ -0,0 +1,4 @@
+import { GenerateConfig } from './index';
+import { DateTime } from 'luxon';
+declare const generateConfig: GenerateConfig<DateTime>;
+export default generateConfig;

package/dist/generate/luxon.js

@@ -0,0 +1,69 @@
+import { DateTime, Info } from "luxon";
+var weekDayFormatMap = {
+	zh_CN: "narrow",
+	zh_TW: "narrow"
+};
+var weekDayLengthMap = {
+	en_US: 2,
+	en_GB: 2
+};
+function normalizeFormatPart(part) {
+	return part.replace(/Y/g, "y").replace(/D/g, "d").replace(/gg/g, "kk").replace(/Q/g, "q").replace(/([Ww])o/g, "WW").replace(/A/g, "a");
+}
+function normalizeFormat(format) {
+	return format.split(/[[\]]/).map((part, index) => {
+		return index % 2 > 0 ? part : normalizeFormatPart(part);
+	}).join("'");
+}
+var normalizeLocale = (locale) => locale.replace(/_/g, "-");
+var luxon_default = {
+	getNow: () => {
+		return DateTime.now();
+	},
+	getFixedDate: (string) => DateTime.fromFormat(string, "yyyy-MM-dd"),
+	getEndDate: (date) => date.endOf("month"),
+	getWeekDay: (date) => date.weekday,
+	getYear: (date) => date.year,
+	getMonth: (date) => date.month - 1,
+	getDate: (date) => date.day,
+	getHour: (date) => date.hour,
+	getMinute: (date) => date.minute,
+	getSecond: (date) => date.second,
+	getMillisecond: (date) => date.millisecond,
+	addYear: (date, diff) => date.plus({ year: diff }),
+	addMonth: (date, diff) => date.plus({ month: diff }),
+	addDate: (date, diff) => date.plus({ day: diff }),
+	setYear: (date, year) => date.set({ year }),
+	setMonth: (date, month) => date.set({ month: month + 1 }),
+	setDate: (date, day) => date.set({ day }),
+	setHour: (date, hour) => date.set({ hour }),
+	setMinute: (date, minute) => date.set({ minute }),
+	setSecond: (date, second) => date.set({ second }),
+	setMillisecond: (date, milliseconds) => date.set({ millisecond: milliseconds }),
+	isAfter: (date1, date2) => date1 > date2,
+	isValidate: (date) => date.isValid,
+	locale: {
+		getWeekFirstDate: (locale, date) => date.setLocale(normalizeLocale(locale)).startOf("week"),
+		getWeekFirstDay: (locale) => DateTime.local().setLocale(normalizeLocale(locale)).startOf("week").weekday,
+		getWeek: (locale, date) => date.setLocale(normalizeLocale(locale)).weekNumber,
+		getShortWeekDays: (locale) => {
+			const shifted = Info.weekdays(weekDayFormatMap[locale] || "short", { locale: normalizeLocale(locale) }).map((weekday) => weekday.slice(0, weekDayLengthMap[locale]));
+			shifted.unshift(shifted.pop());
+			return shifted;
+		},
+		getShortMonths: (locale) => Info.months("short", { locale: normalizeLocale(locale) }),
+		format: (locale, date, format) => {
+			if (!date || !date.isValid) return null;
+			return date.setLocale(normalizeLocale(locale)).toFormat(normalizeFormat(format));
+		},
+		parse: (locale, text, formats) => {
+			for (let i = 0; i < formats.length; i += 1) {
+				const normalizedFormat = normalizeFormat(formats[i]);
+				const date = DateTime.fromFormat(text, normalizedFormat, { locale: normalizeLocale(locale) });
+				if (date.isValid) return date;
+			}
+			return null;
+		}
+	}
+};
+export { luxon_default as default };

package/dist/generate/moment.cjs

@@ -0,0 +1,107 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+let _v_c_util_dist_warning = require("@v-c/util/dist/warning");
+let moment = require("moment");
+moment = require_rolldown_runtime.__toESM(moment);
+var generateConfig = {
+	getNow: () => (0, moment.default)(),
+	getFixedDate: (string) => (0, moment.default)(string, "YYYY-MM-DD"),
+	getEndDate: (date) => {
+		return date.clone().endOf("month");
+	},
+	getWeekDay: (date) => {
+		const clone = date.clone().locale("en_US");
+		return clone.weekday() + clone.localeData().firstDayOfWeek();
+	},
+	getYear: (date) => date.year(),
+	getMonth: (date) => date.month(),
+	getDate: (date) => date.date(),
+	getHour: (date) => date.hour(),
+	getMinute: (date) => date.minute(),
+	getSecond: (date) => date.second(),
+	getMillisecond: (date) => date.millisecond(),
+	addYear: (date, diff) => {
+		return date.clone().add(diff, "year");
+	},
+	addMonth: (date, diff) => {
+		return date.clone().add(diff, "month");
+	},
+	addDate: (date, diff) => {
+		return date.clone().add(diff, "day");
+	},
+	setYear: (date, year) => {
+		return date.clone().year(year);
+	},
+	setMonth: (date, month) => {
+		return date.clone().month(month);
+	},
+	setDate: (date, num) => {
+		return date.clone().date(num);
+	},
+	setHour: (date, hour) => {
+		return date.clone().hour(hour);
+	},
+	setMinute: (date, minute) => {
+		return date.clone().minute(minute);
+	},
+	setSecond: (date, second) => {
+		return date.clone().second(second);
+	},
+	setMillisecond: (date, millisecond) => {
+		return date.clone().millisecond(millisecond);
+	},
+	isAfter: (date1, date2) => date1.isAfter(date2),
+	isValidate: (date) => date.isValid(),
+	locale: {
+		getWeekFirstDay: (locale) => {
+			return (0, moment.default)().locale(locale).localeData().firstDayOfWeek();
+		},
+		getWeekFirstDate: (locale, date) => {
+			return date.clone().locale(locale).weekday(0);
+		},
+		getWeek: (locale, date) => {
+			return date.clone().locale(locale).week();
+		},
+		getShortWeekDays: (locale) => {
+			return (0, moment.default)().locale(locale).localeData().weekdaysMin();
+		},
+		getShortMonths: (locale) => {
+			return (0, moment.default)().locale(locale).localeData().monthsShort();
+		},
+		format: (locale, date, format) => {
+			return date.clone().locale(locale).format(format);
+		},
+		parse: (locale, text, formats) => {
+			const fallbackFormatList = [];
+			for (let i = 0; i < formats.length; i += 1) {
+				let format = formats[i];
+				let formatText = text;
+				if (format.includes("wo") || format.includes("Wo")) {
+					format = format.replace(/wo/g, "w").replace(/Wo/g, "W");
+					const matchFormat = format.match(/[-YyMmDdHhSsWwGg]+/g);
+					const matchText = formatText.match(/[-\d]+/g);
+					if (matchFormat && matchText) {
+						format = matchFormat.join("");
+						formatText = matchText.join("");
+					} else fallbackFormatList.push(format.replace(/o/g, ""));
+				}
+				const date = (0, moment.default)(formatText, format, locale, true);
+				if (date.isValid()) return date;
+			}
+			for (let i = 0; i < fallbackFormatList.length; i += 1) {
+				const date = (0, moment.default)(text, fallbackFormatList[i], locale, false);
+				/* istanbul ignore next */
+				if (date.isValid()) {
+					(0, _v_c_util_dist_warning.noteOnce)(false, "Not match any format strictly and fallback to fuzzy match. Please help to fire a issue about this.");
+					return date;
+				}
+			}
+			return null;
+		}
+	}
+};
+var moment_default = generateConfig;
+exports.default = moment_default;

package/dist/generate/moment.d.ts

@@ -0,0 +1,4 @@
+import { Moment } from 'moment';
+import { GenerateConfig } from '.';
+declare const generateConfig: GenerateConfig<Moment>;
+export default generateConfig;

package/dist/generate/moment.js

@@ -0,0 +1,100 @@
+import { noteOnce } from "@v-c/util/dist/warning";
+import moment from "moment";
+var moment_default = {
+	getNow: () => moment(),
+	getFixedDate: (string) => moment(string, "YYYY-MM-DD"),
+	getEndDate: (date) => {
+		return date.clone().endOf("month");
+	},
+	getWeekDay: (date) => {
+		const clone = date.clone().locale("en_US");
+		return clone.weekday() + clone.localeData().firstDayOfWeek();
+	},
+	getYear: (date) => date.year(),
+	getMonth: (date) => date.month(),
+	getDate: (date) => date.date(),
+	getHour: (date) => date.hour(),
+	getMinute: (date) => date.minute(),
+	getSecond: (date) => date.second(),
+	getMillisecond: (date) => date.millisecond(),
+	addYear: (date, diff) => {
+		return date.clone().add(diff, "year");
+	},
+	addMonth: (date, diff) => {
+		return date.clone().add(diff, "month");
+	},
+	addDate: (date, diff) => {
+		return date.clone().add(diff, "day");
+	},
+	setYear: (date, year) => {
+		return date.clone().year(year);
+	},
+	setMonth: (date, month) => {
+		return date.clone().month(month);
+	},
+	setDate: (date, num) => {
+		return date.clone().date(num);
+	},
+	setHour: (date, hour) => {
+		return date.clone().hour(hour);
+	},
+	setMinute: (date, minute) => {
+		return date.clone().minute(minute);
+	},
+	setSecond: (date, second) => {
+		return date.clone().second(second);
+	},
+	setMillisecond: (date, millisecond) => {
+		return date.clone().millisecond(millisecond);
+	},
+	isAfter: (date1, date2) => date1.isAfter(date2),
+	isValidate: (date) => date.isValid(),
+	locale: {
+		getWeekFirstDay: (locale) => {
+			return moment().locale(locale).localeData().firstDayOfWeek();
+		},
+		getWeekFirstDate: (locale, date) => {
+			return date.clone().locale(locale).weekday(0);
+		},
+		getWeek: (locale, date) => {
+			return date.clone().locale(locale).week();
+		},
+		getShortWeekDays: (locale) => {
+			return moment().locale(locale).localeData().weekdaysMin();
+		},
+		getShortMonths: (locale) => {
+			return moment().locale(locale).localeData().monthsShort();
+		},
+		format: (locale, date, format) => {
+			return date.clone().locale(locale).format(format);
+		},
+		parse: (locale, text, formats) => {
+			const fallbackFormatList = [];
+			for (let i = 0; i < formats.length; i += 1) {
+				let format = formats[i];
+				let formatText = text;
+				if (format.includes("wo") || format.includes("Wo")) {
+					format = format.replace(/wo/g, "w").replace(/Wo/g, "W");
+					const matchFormat = format.match(/[-YyMmDdHhSsWwGg]+/g);
+					const matchText = formatText.match(/[-\d]+/g);
+					if (matchFormat && matchText) {
+						format = matchFormat.join("");
+						formatText = matchText.join("");
+					} else fallbackFormatList.push(format.replace(/o/g, ""));
+				}
+				const date = moment(formatText, format, locale, true);
+				if (date.isValid()) return date;
+			}
+			for (let i = 0; i < fallbackFormatList.length; i += 1) {
+				const date = moment(text, fallbackFormatList[i], locale, false);
+				/* istanbul ignore next */
+				if (date.isValid()) {
+					noteOnce(false, "Not match any format strictly and fallback to fuzzy match. Please help to fire a issue about this.");
+					return date;
+				}
+			}
+			return null;
+		}
+	}
+};
+export { moment_default as default };

package/dist/hooks/useLocale.cjs

@@ -0,0 +1,45 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+const require_en_US = require("../locale/en_US.cjs");
+let vue = require("vue");
+function fillTimeFormat(showHour, showMinute, showSecond, showMillisecond, showMeridiem) {
+	let timeFormat = "";
+	const cells = [];
+	if (showHour) cells.push(showMeridiem ? "hh" : "HH");
+	if (showMinute) cells.push("mm");
+	if (showSecond) cells.push("ss");
+	timeFormat = cells.join(":");
+	if (showMillisecond) timeFormat += ".SSS";
+	if (showMeridiem) timeFormat += " A";
+	return timeFormat;
+}
+function fillLocale(locale, showHour, showMinute, showSecond, showMillisecond, use12Hours) {
+	const mergedLocale = locale || require_en_US.default || {};
+	const { fieldDateTimeFormat, fieldDateFormat, fieldTimeFormat, fieldMonthFormat, fieldYearFormat, fieldWeekFormat, fieldQuarterFormat, yearFormat, cellYearFormat, cellQuarterFormat, dayFormat, cellDateFormat } = mergedLocale;
+	const timeFormat = fillTimeFormat(showHour, showMinute, showSecond, showMillisecond, use12Hours);
+	return {
+		...mergedLocale,
+		fieldDateTimeFormat: fieldDateTimeFormat || `YYYY-MM-DD ${timeFormat}`,
+		fieldDateFormat: fieldDateFormat || "YYYY-MM-DD",
+		fieldTimeFormat: fieldTimeFormat || timeFormat,
+		fieldMonthFormat: fieldMonthFormat || "YYYY-MM",
+		fieldYearFormat: fieldYearFormat || "YYYY",
+		fieldWeekFormat: fieldWeekFormat || "gggg-wo",
+		fieldQuarterFormat: fieldQuarterFormat || "YYYY-[Q]Q",
+		yearFormat: yearFormat || "YYYY",
+		cellYearFormat: cellYearFormat || "YYYY",
+		cellQuarterFormat: cellQuarterFormat || "[Q]Q",
+		cellDateFormat: cellDateFormat || dayFormat || "D"
+	};
+}
+function useLocale(locale, showProps) {
+	return (0, vue.computed)(() => {
+		const { showHour, showMinute, showSecond, showMillisecond, use12Hours } = showProps.value || {};
+		return fillLocale(locale.value, showHour, showMinute, showSecond, showMillisecond, use12Hours);
+	});
+}
+exports.default = useLocale;
+exports.fillTimeFormat = fillTimeFormat;

package/dist/hooks/useLocale.d.ts

@@ -0,0 +1,9 @@
+import { ComputedRef, Ref } from 'vue';
+import { Locale, SharedTimeProps } from '../interface';
+export declare function fillTimeFormat(showHour: boolean | undefined, showMinute: boolean | undefined, showSecond: boolean | undefined, showMillisecond: boolean | undefined, showMeridiem: boolean | undefined): string;
+/**
+ * Fill locale format as start up
+ */
+type ShowProps<DateType extends object> = Pick<SharedTimeProps<DateType>, 'showHour' | 'showMinute' | 'showSecond' | 'showMillisecond' | 'use12Hours'>;
+export default function useLocale<DateType extends object>(locale: ComputedRef<Locale | undefined>, showProps: ComputedRef<ShowProps<DateType>> | Ref<ShowProps<DateType>>): ComputedRef<Locale>;
+export {};

package/dist/hooks/useLocale.js

@@ -0,0 +1,39 @@
+import en_US_default from "../locale/en_US.js";
+import { computed } from "vue";
+function fillTimeFormat(showHour, showMinute, showSecond, showMillisecond, showMeridiem) {
+	let timeFormat = "";
+	const cells = [];
+	if (showHour) cells.push(showMeridiem ? "hh" : "HH");
+	if (showMinute) cells.push("mm");
+	if (showSecond) cells.push("ss");
+	timeFormat = cells.join(":");
+	if (showMillisecond) timeFormat += ".SSS";
+	if (showMeridiem) timeFormat += " A";
+	return timeFormat;
+}
+function fillLocale(locale, showHour, showMinute, showSecond, showMillisecond, use12Hours) {
+	const mergedLocale = locale || en_US_default || {};
+	const { fieldDateTimeFormat, fieldDateFormat, fieldTimeFormat, fieldMonthFormat, fieldYearFormat, fieldWeekFormat, fieldQuarterFormat, yearFormat, cellYearFormat, cellQuarterFormat, dayFormat, cellDateFormat } = mergedLocale;
+	const timeFormat = fillTimeFormat(showHour, showMinute, showSecond, showMillisecond, use12Hours);
+	return {
+		...mergedLocale,
+		fieldDateTimeFormat: fieldDateTimeFormat || `YYYY-MM-DD ${timeFormat}`,
+		fieldDateFormat: fieldDateFormat || "YYYY-MM-DD",
+		fieldTimeFormat: fieldTimeFormat || timeFormat,
+		fieldMonthFormat: fieldMonthFormat || "YYYY-MM",
+		fieldYearFormat: fieldYearFormat || "YYYY",
+		fieldWeekFormat: fieldWeekFormat || "gggg-wo",
+		fieldQuarterFormat: fieldQuarterFormat || "YYYY-[Q]Q",
+		yearFormat: yearFormat || "YYYY",
+		cellYearFormat: cellYearFormat || "YYYY",
+		cellQuarterFormat: cellQuarterFormat || "[Q]Q",
+		cellDateFormat: cellDateFormat || dayFormat || "D"
+	};
+}
+function useLocale(locale, showProps) {
+	return computed(() => {
+		const { showHour, showMinute, showSecond, showMillisecond, use12Hours } = showProps.value || {};
+		return fillLocale(locale.value, showHour, showMinute, showSecond, showMillisecond, use12Hours);
+	});
+}
+export { useLocale as default, fillTimeFormat };

package/dist/hooks/useSemantic.cjs

@@ -0,0 +1,18 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+let vue = require("vue");
+function useSemantic(classNames, styles) {
+	return (0, vue.computed)(() => {
+		return [{
+			...classNames?.value || {},
+			popup: classNames?.value?.popup || {}
+		}, {
+			...styles?.value || {},
+			popup: styles?.value?.popup || {}
+		}];
+	});
+}
+exports.default = useSemantic;

package/dist/hooks/useSemantic.d.ts

@@ -0,0 +1,14 @@
+import { Ref } from 'vue';
+import { SharedPickerProps } from '../interface';
+export type FilledPanelClassNames = NonNullable<SharedPickerProps['classNames']>['popup'];
+export type FilledPanelStyles = NonNullable<SharedPickerProps['styles']>['popup'];
+export type FilledClassNames = NonNullable<SharedPickerProps['classNames']> & {
+    popup: FilledPanelClassNames;
+};
+export type FilledStyles = NonNullable<SharedPickerProps['styles']> & {
+    popup: FilledPanelStyles;
+};
+/**
+ * Convert `classNames` & `styles` to a fully filled object
+ */
+export default function useSemantic(classNames?: Ref<SharedPickerProps['classNames']>, styles?: Ref<SharedPickerProps['styles']>): import('vue').ComputedRef<readonly [FilledClassNames, FilledStyles]>;

package/dist/hooks/useSemantic.js

@@ -0,0 +1,13 @@
+import { computed } from "vue";
+function useSemantic(classNames, styles) {
+	return computed(() => {
+		return [{
+			...classNames?.value || {},
+			popup: classNames?.value?.popup || {}
+		}, {
+			...styles?.value || {},
+			popup: styles?.value?.popup || {}
+		}];
+	});
+}
+export { useSemantic as default };

package/dist/hooks/useSyncState.cjs

@@ -0,0 +1,29 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
+let vue = require("vue");
+function useSyncState(defaultValue, controlledValue) {
+	const valueRef = (0, vue.ref)(defaultValue);
+	const getControlledValue = () => {
+		if (typeof controlledValue === "function") return controlledValue();
+		return controlledValue?.value;
+	};
+	const getter = (useControlledValueFirst) => {
+		const controlled = getControlledValue();
+		return useControlledValueFirst && controlled !== void 0 ? controlled : valueRef.value;
+	};
+	const setter = (nextValue) => {
+		valueRef.value = nextValue;
+	};
+	(0, vue.watch)(() => getControlledValue(), (val) => {
+		if (val !== void 0) valueRef.value = val;
+	});
+	return [
+		getter,
+		setter,
+		valueRef
+	];
+}
+exports.default = useSyncState;

package/dist/hooks/useSyncState.d.ts

@@ -0,0 +1,7 @@
+import { Ref } from 'vue';
+/**
+ * Sync value with state.
+ * This should only used for internal which not affect outside calculation.
+ * Since it's not safe for suspense.
+ */
+export default function useSyncState<T>(defaultValue: T, controlledValue?: Ref<T | undefined> | (() => T | undefined)): [getter: (useControlledValueFirst?: boolean) => T, setter: (nextValue: T) => void, value: Ref<T>];

package/dist/hooks/useSyncState.js

@@ -0,0 +1,24 @@
+import { ref, watch } from "vue";
+function useSyncState(defaultValue, controlledValue) {
+	const valueRef = ref(defaultValue);
+	const getControlledValue = () => {
+		if (typeof controlledValue === "function") return controlledValue();
+		return controlledValue?.value;
+	};
+	const getter = (useControlledValueFirst) => {
+		const controlled = getControlledValue();
+		return useControlledValueFirst && controlled !== void 0 ? controlled : valueRef.value;
+	};
+	const setter = (nextValue) => {
+		valueRef.value = nextValue;
+	};
+	watch(() => getControlledValue(), (val) => {
+		if (val !== void 0) valueRef.value = val;
+	});
+	return [
+		getter,
+		setter,
+		valueRef
+	];
+}
+export { useSyncState as default };