39 lines
1.4 KiB
JavaScript
39 lines
1.4 KiB
JavaScript
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
|
|
import '../../../src/stylus/components/_bottom-sheets.styl';
|
|
import VDialog from '../VDialog/VDialog';
|
|
/* @vue/component */
|
|
export default {
|
|
name: 'v-bottom-sheet',
|
|
props: {
|
|
disabled: Boolean,
|
|
fullWidth: Boolean,
|
|
hideOverlay: Boolean,
|
|
inset: Boolean,
|
|
lazy: Boolean,
|
|
maxWidth: {
|
|
type: [String, Number],
|
|
default: 'auto'
|
|
},
|
|
persistent: Boolean,
|
|
value: null
|
|
},
|
|
render: function render(h) {
|
|
var activator = h('template', {
|
|
slot: 'activator'
|
|
}, this.$slots.activator);
|
|
var contentClass = ['v-bottom-sheet', this.inset ? 'v-bottom-sheet--inset' : ''].join(' ');
|
|
return h(VDialog, {
|
|
attrs: _extends({}, this.$props),
|
|
on: _extends({}, this.$listeners),
|
|
props: {
|
|
contentClass: contentClass,
|
|
noClickAnimation: true,
|
|
transition: 'bottom-sheet-transition',
|
|
value: this.value
|
|
}
|
|
}, [activator, this.$slots.default]);
|
|
}
|
|
};
|
|
//# sourceMappingURL=VBottomSheet.js.map
|