@ark-ui/vue/dist/components/use-v-model.cjs

A collection of unstyled, accessible UI components for Vue, utilizing state machines for seamless interaction.

let vue = require("vue");
//#region src/components/use-v-model.ts
function useVModel(props, key, emit, options = {}) {
	const { passive = false, eventName, defaultValue } = options;
	const vm = (0, vue.getCurrentInstance)();
	const _emit = emit || vm?.emit || vm?.$emit?.bind(vm) || vm?.proxy?.$emit?.bind(vm?.proxy);
	const prop = key || "modelValue";
	const getValue = () => props[prop] ?? defaultValue;
	const triggerEmit = (value) => {
		if (!eventName) _emit(eventName || `update:${prop.toString()}`, value);
		else for (const event of eventName) _emit(event, value);
	};
	if (passive) {
		const proxy = (0, vue.ref)(getValue());
		let isUpdating = false;
		(0, vue.watch)(() => props[prop], (v) => {
			if (!isUpdating) {
				isUpdating = true;
				proxy.value = v;
				(0, vue.nextTick)(() => {
					isUpdating = false;
				});
			}
		});
		(0, vue.watch)(proxy, (v) => {
			if (!isUpdating && v !== props[prop]) triggerEmit(v);
		});
		return proxy;
	}
	return (0, vue.computed)({
		get() {
			return getValue();
		},
		set(value) {
			triggerEmit(value);
		}
	});
}
//#endregion
exports.useVModel = useVModel;