26 lines
805 B
JavaScript
26 lines
805 B
JavaScript
|
// Utilities
|
||
|
|
import { computed } from 'vue';
|
||
|
|
import { convertToUnit, propsFactory } from "../util/index.mjs"; // Types
|
||
|
|
// Composables
|
||
|
|
export const makeDimensionProps = propsFactory({
|
||
|
|
height: [Number, String],
|
||
|
|
maxHeight: [Number, String],
|
||
|
|
maxWidth: [Number, String],
|
||
|
|
minHeight: [Number, String],
|
||
|
|
minWidth: [Number, String],
|
||
|
|
width: [Number, String]
|
||
|
|
}, 'dimension');
|
||
|
|
export function useDimension(props) {
|
||
|
|
const dimensionStyles = computed(() => ({
|
||
|
|
height: convertToUnit(props.height),
|
||
|
|
maxHeight: convertToUnit(props.maxHeight),
|
||
|
|
maxWidth: convertToUnit(props.maxWidth),
|
||
|
|
minHeight: convertToUnit(props.minHeight),
|
||
|
|
minWidth: convertToUnit(props.minWidth),
|
||
|
|
width: convertToUnit(props.width)
|
||
|
|
}));
|
||
|
|
return {
|
||
|
|
dimensionStyles
|
||
|
|
};
|
||
|
|
}
|
||
|
|
//# sourceMappingURL=dimensions.mjs.map
|