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.

VSheet.js 1.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  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. // Styles
  3. import '../../../src/stylus/components/_sheet.styl';
  4. // Mixins
  5. import Colorable from '../../mixins/colorable';
  6. import Elevatable from '../../mixins/elevatable';
  7. import Measurable from '../../mixins/measurable';
  8. import Themeable from '../../mixins/themeable';
  9. // Helpers
  10. import mixins from '../../util/mixins';
  11. /* @vue/component */
  12. export default mixins(Colorable, Elevatable, Measurable, Themeable).extend({
  13. name: 'v-sheet',
  14. props: {
  15. tag: {
  16. type: String,
  17. default: 'div'
  18. },
  19. tile: Boolean
  20. },
  21. computed: {
  22. classes: function classes() {
  23. return _extends({
  24. 'v-sheet': true,
  25. 'v-sheet--tile': this.tile
  26. }, this.themeClasses, this.elevationClasses);
  27. },
  28. styles: function styles() {
  29. return this.measurableStyles;
  30. }
  31. },
  32. render: function render(h) {
  33. var data = {
  34. class: this.classes,
  35. style: this.styles,
  36. on: this.$listeners
  37. };
  38. return h(this.tag, this.setBackgroundColor(this.color, data), this.$slots.default);
  39. }
  40. });
  41. //# sourceMappingURL=VSheet.js.map