routie dev init since i didn't adhere to any proper guidance up until now
This commit is contained in:
+30
@@ -0,0 +1,30 @@
|
||||
// Utilities
|
||||
import { convertToUnit, destructComputed, getCurrentInstanceName, includes, propsFactory } from "../util/index.js"; // Types
|
||||
const predefinedSizes = ['x-small', 'small', 'default', 'large', 'x-large'];
|
||||
// Composables
|
||||
export const makeSizeProps = propsFactory({
|
||||
size: {
|
||||
type: [String, Number],
|
||||
default: 'default'
|
||||
}
|
||||
}, 'size');
|
||||
export function useSize(props, name = getCurrentInstanceName()) {
|
||||
return destructComputed(() => {
|
||||
const size = props.size;
|
||||
let sizeClasses;
|
||||
let sizeStyles;
|
||||
if (includes(predefinedSizes, size)) {
|
||||
sizeClasses = `${name}--size-${size}`;
|
||||
} else if (size) {
|
||||
sizeStyles = {
|
||||
width: convertToUnit(size),
|
||||
height: convertToUnit(size)
|
||||
};
|
||||
}
|
||||
return {
|
||||
sizeClasses,
|
||||
sizeStyles
|
||||
};
|
||||
});
|
||||
}
|
||||
//# sourceMappingURL=size.js.map
|
||||
Reference in New Issue
Block a user