element-plus/lib/hooks/use-calc-input-width/index.js

A Component Library for Vue 3

Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
const require_runtime = require('../../_virtual/_rolldown/runtime.js');
const require_form = require('../../constants/form.js');
let _vueuse_core = require("@vueuse/core");
let vue = require("vue");

//#region ../../packages/hooks/use-calc-input-width/index.ts
function useCalcInputWidth() {
	const calculatorRef = (0, vue.shallowRef)();
	const calculatorWidth = (0, vue.ref)(0);
	const inputStyle = (0, vue.computed)(() => ({ minWidth: `${Math.max(calculatorWidth.value, require_form.MINIMUM_INPUT_WIDTH)}px` }));
	const resetCalculatorWidth = () => {
		calculatorWidth.value = calculatorRef.value?.getBoundingClientRect().width ?? 0;
	};
	(0, _vueuse_core.useResizeObserver)(calculatorRef, resetCalculatorWidth);
	return {
		calculatorRef,
		calculatorWidth,
		inputStyle
	};
}

//#endregion
exports.useCalcInputWidth = useCalcInputWidth;
//# sourceMappingURL=index.js.map