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/VResponsive/VResponsive.js

51 lines
1.1 KiB
JavaScript
Raw Normal View History

2019-08-11 18:48:02 +00:00
import "../../../src/components/VResponsive/VResponsive.sass"; // Mixins
import Measurable from '../../mixins/measurable'; // Utils
import mixins from '../../util/mixins';
/* @vue/component */
export default mixins(Measurable).extend({
name: 'v-responsive',
props: {
aspectRatio: [String, Number]
},
computed: {
computedAspectRatio() {
return Number(this.aspectRatio);
},
aspectStyle() {
return this.computedAspectRatio ? {
paddingBottom: 1 / this.computedAspectRatio * 100 + '%'
} : undefined;
},
__cachedSizer() {
if (!this.aspectStyle) return [];
return this.$createElement('div', {
style: this.aspectStyle,
staticClass: 'v-responsive__sizer'
});
}
},
methods: {
genContent() {
return this.$createElement('div', {
staticClass: 'v-responsive__content'
}, this.$slots.default);
}
},
render(h) {
return h('div', {
staticClass: 'v-responsive',
style: this.measurableStyles,
on: this.$listeners
}, [this.__cachedSizer, this.genContent()]);
}
});
//# sourceMappingURL=VResponsive.js.map