Ohm-Management - Projektarbeit B-ME
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

VBottomSheet.js 1.4KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. 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; };
  2. import '../../../src/stylus/components/_bottom-sheets.styl';
  3. import VDialog from '../VDialog/VDialog';
  4. /* @vue/component */
  5. export default {
  6. name: 'v-bottom-sheet',
  7. props: {
  8. disabled: Boolean,
  9. fullWidth: Boolean,
  10. hideOverlay: Boolean,
  11. inset: Boolean,
  12. lazy: Boolean,
  13. maxWidth: {
  14. type: [String, Number],
  15. default: 'auto'
  16. },
  17. persistent: Boolean,
  18. value: null
  19. },
  20. render: function render(h) {
  21. var activator = h('template', {
  22. slot: 'activator'
  23. }, this.$slots.activator);
  24. var contentClass = ['v-bottom-sheet', this.inset ? 'v-bottom-sheet--inset' : ''].join(' ');
  25. return h(VDialog, {
  26. attrs: _extends({}, this.$props),
  27. on: _extends({}, this.$listeners),
  28. props: {
  29. contentClass: contentClass,
  30. noClickAnimation: true,
  31. transition: 'bottom-sheet-transition',
  32. value: this.value
  33. }
  34. }, [activator, this.$slots.default]);
  35. }
  36. };
  37. //# sourceMappingURL=VBottomSheet.js.map