vuetify eingebunden + erster Versuch Combobox
This commit is contained in:
+68
@@ -0,0 +1,68 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
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
|
||||
|
||||
// Mixins
|
||||
|
||||
// Helpers
|
||||
|
||||
|
||||
require('../../../src/stylus/components/_sheet.styl');
|
||||
|
||||
var _colorable = require('../../mixins/colorable');
|
||||
|
||||
var _colorable2 = _interopRequireDefault(_colorable);
|
||||
|
||||
var _elevatable = require('../../mixins/elevatable');
|
||||
|
||||
var _elevatable2 = _interopRequireDefault(_elevatable);
|
||||
|
||||
var _measurable = require('../../mixins/measurable');
|
||||
|
||||
var _measurable2 = _interopRequireDefault(_measurable);
|
||||
|
||||
var _themeable = require('../../mixins/themeable');
|
||||
|
||||
var _themeable2 = _interopRequireDefault(_themeable);
|
||||
|
||||
var _mixins = require('../../util/mixins');
|
||||
|
||||
var _mixins2 = _interopRequireDefault(_mixins);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* @vue/component */
|
||||
exports.default = (0, _mixins2.default)(_colorable2.default, _elevatable2.default, _measurable2.default, _themeable2.default).extend({
|
||||
name: 'v-sheet',
|
||||
props: {
|
||||
tag: {
|
||||
type: String,
|
||||
default: 'div'
|
||||
},
|
||||
tile: Boolean
|
||||
},
|
||||
computed: {
|
||||
classes: function classes() {
|
||||
return _extends({
|
||||
'v-sheet': true,
|
||||
'v-sheet--tile': this.tile
|
||||
}, this.themeClasses, this.elevationClasses);
|
||||
},
|
||||
styles: function styles() {
|
||||
return this.measurableStyles;
|
||||
}
|
||||
},
|
||||
render: function render(h) {
|
||||
var data = {
|
||||
class: this.classes,
|
||||
style: this.styles,
|
||||
on: this.$listeners
|
||||
};
|
||||
return h(this.tag, this.setBackgroundColor(this.color, data), this.$slots.default);
|
||||
}
|
||||
});
|
||||
//# sourceMappingURL=VSheet.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VSheet/VSheet.ts"],"names":[],"mappings":";;;;;;;;AAGA;;AAMA;;;AARA;;AAGA;;;;AACA;;;;AACA;;;;AACA;;;;AAGA;;;;;;AAKA;kBACe,sBACb,mBADa,EAEb,oBAFa,EAGb,oBAHa,EAIb,mBAJa,EAKb,MALa,CAKN;AACP,UAAM,SADC;AAGP,WAAO;AACL,aAAK;AACH,kBAAM,MADH;AAEH,qBAAS;AAFN,SADA;AAKL,cAAM;AALD,KAHA;AAWP,cAAU;AACR,eADQ,qBACD;AACL;AACE,2BAAW,IADb;AAEE,iCAAiB,KAAK;AAFxB,eAGK,KAAK,YAHV,EAIK,KAAK,gBAJV;AAMD,SARO;AASR,cATQ,oBASF;AACJ,mBAAO,KAAK,gBAAZ;AACD;AAXO,KAXH;AAyBP,UAzBO,kBAyBC,CAzBD,EAyBE;AACP,YAAM,OAAO;AACX,mBAAO,KAAK,OADD;AAEX,mBAAO,KAAK,MAFD;AAGX,gBAAI,KAAK;AAHE,SAAb;AAMA,eAAO,EACL,KAAK,GADA,EAEL,KAAK,kBAAL,CAAwB,KAAK,KAA7B,EAAoC,IAApC,CAFK,EAGL,KAAK,MAAL,CAAY,OAHP,CAAP;AAKD;AArCM,CALM,C","sourcesContent":["// Styles\nimport '../../stylus/components/_sheet.styl'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Elevatable from '../../mixins/elevatable'\nimport Measurable from '../../mixins/measurable'\nimport Themeable from '../../mixins/themeable'\n\n// Helpers\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue'\n\n/* @vue/component */\nexport default mixins(\n Colorable,\n Elevatable,\n Measurable,\n Themeable\n).extend({\n name: 'v-sheet',\n\n props: {\n tag: {\n type: String,\n default: 'div'\n },\n tile: Boolean\n },\n\n computed: {\n classes (): object {\n return {\n 'v-sheet': true,\n 'v-sheet--tile': this.tile,\n ...this.themeClasses,\n ...this.elevationClasses\n }\n },\n styles (): object {\n return this.measurableStyles\n }\n },\n\n render (h): VNode {\n const data = {\n class: this.classes,\n style: this.styles,\n on: this.$listeners\n }\n\n return h(\n this.tag,\n this.setBackgroundColor(this.color, data),\n this.$slots.default\n )\n }\n})\n"],"sourceRoot":""}
|
||||
+16
@@ -0,0 +1,16 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.VSheet = undefined;
|
||||
|
||||
var _VSheet = require('./VSheet');
|
||||
|
||||
var _VSheet2 = _interopRequireDefault(_VSheet);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.VSheet = _VSheet2.default;
|
||||
exports.default = _VSheet2.default;
|
||||
//# sourceMappingURL=index.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VSheet/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;QAES,M,GAAA,gB;kBACM,gB","sourcesContent":["import VSheet from './VSheet'\n\nexport { VSheet }\nexport default VSheet\n"],"sourceRoot":""}
|
||||
Reference in New Issue
Block a user