element-plus/es/components/select-v2/src/useProps.mjs

A Component Library for Vue 3

import { get, isEqual } from "lodash-unified";
import { ref, watch } from "vue";

//#region ../../packages/components/select-v2/src/useProps.ts
const defaultProps = {
	label: "label",
	value: "value",
	disabled: "disabled",
	options: "options"
};
function useProps(props) {
	const aliasProps = ref({
		...defaultProps,
		...props.props
	});
	let cache = { ...props.props };
	watch(() => props.props, (val) => {
		if (!isEqual(val, cache)) {
			aliasProps.value = {
				...defaultProps,
				...val
			};
			cache = { ...val };
		}
	}, { deep: true });
	const getLabel = (option) => get(option, aliasProps.value.label);
	const getValue = (option) => get(option, aliasProps.value.value);
	const getDisabled = (option) => get(option, aliasProps.value.disabled);
	const getOptions = (option) => get(option, aliasProps.value.options);
	return {
		aliasProps,
		getLabel,
		getValue,
		getDisabled,
		getOptions
	};
}

//#endregion
export { defaultProps, useProps };
//# sourceMappingURL=useProps.mjs.map