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.9KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. 'use strict';
  2. Object.defineProperty(exports, "__esModule", {
  3. value: true
  4. });
  5. 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; }; // Styles
  6. // Mixins
  7. // Helpers
  8. require('../../../src/stylus/components/_sheet.styl');
  9. var _colorable = require('../../mixins/colorable');
  10. var _colorable2 = _interopRequireDefault(_colorable);
  11. var _elevatable = require('../../mixins/elevatable');
  12. var _elevatable2 = _interopRequireDefault(_elevatable);
  13. var _measurable = require('../../mixins/measurable');
  14. var _measurable2 = _interopRequireDefault(_measurable);
  15. var _themeable = require('../../mixins/themeable');
  16. var _themeable2 = _interopRequireDefault(_themeable);
  17. var _mixins = require('../../util/mixins');
  18. var _mixins2 = _interopRequireDefault(_mixins);
  19. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  20. /* @vue/component */
  21. exports.default = (0, _mixins2.default)(_colorable2.default, _elevatable2.default, _measurable2.default, _themeable2.default).extend({
  22. name: 'v-sheet',
  23. props: {
  24. tag: {
  25. type: String,
  26. default: 'div'
  27. },
  28. tile: Boolean
  29. },
  30. computed: {
  31. classes: function classes() {
  32. return _extends({
  33. 'v-sheet': true,
  34. 'v-sheet--tile': this.tile
  35. }, this.themeClasses, this.elevationClasses);
  36. },
  37. styles: function styles() {
  38. return this.measurableStyles;
  39. }
  40. },
  41. render: function render(h) {
  42. var data = {
  43. class: this.classes,
  44. style: this.styles,
  45. on: this.$listeners
  46. };
  47. return h(this.tag, this.setBackgroundColor(this.color, data), this.$slots.default);
  48. }
  49. });
  50. //# sourceMappingURL=VSheet.js.map