This repository has been archived on 2024-07-27. You can view files and clone it, but cannot push or open issues or pull requests.
keksAccountGUI/node_modulesOLD/vuetify/lib/components/VGrid/VRow.js

143 lines
3.3 KiB
JavaScript
Raw Normal View History

2019-08-11 18:48:02 +00:00
import "../../../src/components/VGrid/VGrid.sass";
import Vue from 'vue';
import mergeData from '../../util/mergeData';
import { upperFirst } from '../../util/helpers'; // no xs
const breakpoints = ['sm', 'md', 'lg', 'xl'];
const ALIGNMENT = ['start', 'end', 'center'];
function makeProps(prefix, def) {
return breakpoints.reduce((props, val) => {
props[prefix + upperFirst(val)] = def();
return props;
}, {});
}
const alignValidator = str => [...ALIGNMENT, 'baseline', 'stretch'].includes(str);
const alignProps = makeProps('align', () => ({
type: String,
default: null,
validator: alignValidator
}));
const justifyValidator = str => [...ALIGNMENT, 'space-between', 'space-around'].includes(str);
const justifyProps = makeProps('justify', () => ({
type: String,
default: null,
validator: justifyValidator
}));
const alignContentValidator = str => [...ALIGNMENT, 'space-between', 'space-around', 'stretch'].includes(str);
const alignContentProps = makeProps('alignContent', () => ({
type: String,
default: null,
validator: alignContentValidator
}));
const propMap = {
align: Object.keys(alignProps),
justify: Object.keys(justifyProps),
alignContent: Object.keys(alignContentProps)
};
const classMap = {
align: 'align',
justify: 'justify',
alignContent: 'align-content'
};
function breakpointClass(type, prop, val) {
let className = classMap[type];
if (val == null) {
return undefined;
}
if (prop) {
// alignSm -> Sm
const breakpoint = prop.replace(type, '');
className += `-${breakpoint}`;
} // .align-items-sm-center
className += `-${val}`;
return className.toLowerCase();
}
const cache = new Map();
export default Vue.extend({
name: 'v-row',
functional: true,
props: {
tag: {
type: String,
default: 'div'
},
dense: Boolean,
noGutters: Boolean,
align: {
type: String,
default: null,
validator: alignValidator
},
...alignProps,
justify: {
type: String,
default: null,
validator: justifyValidator
},
...justifyProps,
alignContent: {
type: String,
default: null,
validator: alignContentValidator
},
...alignContentProps
},
render(h, {
props,
data,
children
}) {
// Super-fast memoization based on props, 5x faster than JSON.stringify
let cacheKey = '';
for (const prop in props) {
cacheKey += String(props[prop]);
}
let classList = cache.get(cacheKey);
if (!classList) {
classList = []; // Loop through `align`, `justify`, `alignContent` breakpoint props
let type;
for (type in propMap) {
propMap[type].forEach(prop => {
const value = props[prop];
const className = breakpointClass(type, prop, value);
if (className) classList.push(className);
});
}
classList.push({
'no-gutters': props.noGutters,
'row--dense': props.dense,
[`align-${props.align}`]: props.align,
[`justify-${props.justify}`]: props.justify,
[`align-content-${props.alignContent}`]: props.alignContent
});
cache.set(cacheKey, classList);
}
return h(props.tag, mergeData(data, {
staticClass: 'row',
class: classList
}), children);
}
});
//# sourceMappingURL=VRow.js.map