vuetify eingebunden + erster Versuch Combobox
This commit is contained in:
+101
@@ -0,0 +1,101 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
require('../../../src/stylus/components/_jumbotrons.styl');
|
||||
|
||||
var _colorable = require('../../mixins/colorable');
|
||||
|
||||
var _colorable2 = _interopRequireDefault(_colorable);
|
||||
|
||||
var _routable = require('../../mixins/routable');
|
||||
|
||||
var _routable2 = _interopRequireDefault(_routable);
|
||||
|
||||
var _themeable = require('../../mixins/themeable');
|
||||
|
||||
var _themeable2 = _interopRequireDefault(_themeable);
|
||||
|
||||
var _console = require('../../util/console');
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* @vue/component */
|
||||
|
||||
// Mixins
|
||||
exports.default = {
|
||||
name: 'v-jumbotron',
|
||||
mixins: [_colorable2.default, _routable2.default, _themeable2.default],
|
||||
props: {
|
||||
gradient: String,
|
||||
height: {
|
||||
type: [Number, String],
|
||||
default: '400px'
|
||||
},
|
||||
src: String,
|
||||
tag: {
|
||||
type: String,
|
||||
default: 'div'
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
backgroundStyles: function backgroundStyles() {
|
||||
var styles = {};
|
||||
if (this.gradient) {
|
||||
styles.background = 'linear-gradient(' + this.gradient + ')';
|
||||
}
|
||||
return styles;
|
||||
},
|
||||
classes: function classes() {
|
||||
return this.themeClasses;
|
||||
},
|
||||
styles: function styles() {
|
||||
return {
|
||||
height: this.height
|
||||
};
|
||||
}
|
||||
},
|
||||
mounted: function mounted() {
|
||||
(0, _console.deprecate)('v-jumbotron', this.src ? 'v-img' : 'v-responsive', this);
|
||||
},
|
||||
|
||||
methods: {
|
||||
genBackground: function genBackground() {
|
||||
return this.$createElement('div', this.setBackgroundColor(this.color, {
|
||||
staticClass: 'v-jumbotron__background',
|
||||
style: this.backgroundStyles
|
||||
}));
|
||||
},
|
||||
genContent: function genContent() {
|
||||
return this.$createElement('div', {
|
||||
staticClass: 'v-jumbotron__content'
|
||||
}, this.$slots.default);
|
||||
},
|
||||
genImage: function genImage() {
|
||||
if (!this.src) return null;
|
||||
if (this.$slots.img) return this.$slots.img({ src: this.src });
|
||||
return this.$createElement('img', {
|
||||
staticClass: 'v-jumbotron__image',
|
||||
attrs: { src: this.src }
|
||||
});
|
||||
},
|
||||
genWrapper: function genWrapper() {
|
||||
return this.$createElement('div', {
|
||||
staticClass: 'v-jumbotron__wrapper'
|
||||
}, [this.genImage(), this.genBackground(), this.genContent()]);
|
||||
}
|
||||
},
|
||||
render: function render(h) {
|
||||
var _generateRouteLink = this.generateRouteLink(this.classes),
|
||||
tag = _generateRouteLink.tag,
|
||||
data = _generateRouteLink.data;
|
||||
|
||||
data.staticClass = 'v-jumbotron';
|
||||
data.style = this.styles;
|
||||
return h(tag, data, [this.genWrapper()]);
|
||||
}
|
||||
};
|
||||
// Utils
|
||||
//# sourceMappingURL=VJumbotron.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VJumbotron/VJumbotron.js"],"names":[],"mappings":";;;;;;;;AAGA;;;;AACA;;;;AACA;;;;AAGA;;;;AAEA;;AARA;kBASe;AACb,UAAM,aADO;AAGb,YAAQ,CACN,mBADM,EAEN,kBAFM,EAGN,mBAHM,CAHK;AASb,WAAO;AACL,kBAAU,MADL;AAEL,gBAAQ;AACN,kBAAM,CAAC,MAAD,EAAS,MAAT,CADA;AAEN,qBAAS;AAFH,SAFH;AAML,aAAK,MANA;AAOL,aAAK;AACH,kBAAM,MADH;AAEH,qBAAS;AAFN;AAPA,KATM;AAsBb,cAAU;AACR,wBADQ,8BACQ;AACd,gBAAM,SAAS,EAAf;AAEA,gBAAI,KAAK,QAAT,EAAmB;AACjB,uBAAO,UAAP,wBAAuC,KAAK,QAA5C;AACD;AAED,mBAAO,MAAP;AACD,SATO;AAUR,eAVQ,qBAUD;AACL,mBAAO,KAAK,YAAZ;AACD,SAZO;AAaR,cAbQ,oBAaF;AACJ,mBAAO;AACL,wBAAQ,KAAK;AADR,aAAP;AAGD;AAjBO,KAtBG;AA0Cb,WA1Ca,qBA0CN;AACL,gCAAU,aAAV,EAAyB,KAAK,GAAL,GAAW,OAAX,GAAqB,cAA9C,EAA8D,IAA9D;AACD,KA5CY;;AA8Cb,aAAS;AACP,qBADO,2BACM;AACX,mBAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B,KAAK,kBAAL,CAAwB,KAAK,KAA7B,EAAoC;AACpE,6BAAa,yBADuD;AAEpE,uBAAO,KAAK;AAFwD,aAApC,CAA3B,CAAP;AAID,SANM;AAOP,kBAPO,wBAOG;AACR,mBAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,6BAAa;AADmB,aAA3B,EAEJ,KAAK,MAAL,CAAY,OAFR,CAAP;AAGD,SAXM;AAYP,gBAZO,sBAYC;AACN,gBAAI,CAAC,KAAK,GAAV,EAAe,OAAO,IAAP;AACf,gBAAI,KAAK,MAAL,CAAY,GAAhB,EAAqB,OAAO,KAAK,MAAL,CAAY,GAAZ,CAAgB,EAAE,KAAK,KAAK,GAAZ,EAAhB,CAAP;AAErB,mBAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,6BAAa,oBADmB;AAEhC,uBAAO,EAAE,KAAK,KAAK,GAAZ;AAFyB,aAA3B,CAAP;AAID,SApBM;AAqBP,kBArBO,wBAqBG;AACR,mBAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,6BAAa;AADmB,aAA3B,EAEJ,CACD,KAAK,QAAL,EADC,EAED,KAAK,aAAL,EAFC,EAGD,KAAK,UAAL,EAHC,CAFI,CAAP;AAOD;AA7BM,KA9CI;AA8Eb,UA9Ea,kBA8EL,CA9EK,EA8EJ;AAAA,iCACe,KAAK,iBAAL,CAAuB,KAAK,OAA5B,CADf;AAAA,YACC,GADD,sBACC,GADD;AAAA,YACM,IADN,sBACM,IADN;;AAEP,aAAK,WAAL,GAAmB,aAAnB;AACA,aAAK,KAAL,GAAa,KAAK,MAAlB;AAEA,eAAO,EAAE,GAAF,EAAO,IAAP,EAAa,CAAC,KAAK,UAAL,EAAD,CAAb,CAAP;AACD;AApFY,C;AAJf","sourcesContent":["import '../../stylus/components/_jumbotrons.styl'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Routable from '../../mixins/routable'\nimport Themeable from '../../mixins/themeable'\n\n// Utils\nimport { deprecate } from '../../util/console'\n\n/* @vue/component */\nexport default {\n name: 'v-jumbotron',\n\n mixins: [\n Colorable,\n Routable,\n Themeable\n ],\n\n props: {\n gradient: String,\n height: {\n type: [Number, String],\n default: '400px'\n },\n src: String,\n tag: {\n type: String,\n default: 'div'\n }\n },\n\n computed: {\n backgroundStyles () {\n const styles = {}\n\n if (this.gradient) {\n styles.background = `linear-gradient(${this.gradient})`\n }\n\n return styles\n },\n classes () {\n return this.themeClasses\n },\n styles () {\n return {\n height: this.height\n }\n }\n },\n\n mounted () {\n deprecate('v-jumbotron', this.src ? 'v-img' : 'v-responsive', this)\n },\n\n methods: {\n genBackground () {\n return this.$createElement('div', this.setBackgroundColor(this.color, {\n staticClass: 'v-jumbotron__background',\n style: this.backgroundStyles\n }))\n },\n genContent () {\n return this.$createElement('div', {\n staticClass: 'v-jumbotron__content'\n }, this.$slots.default)\n },\n genImage () {\n if (!this.src) return null\n if (this.$slots.img) return this.$slots.img({ src: this.src })\n\n return this.$createElement('img', {\n staticClass: 'v-jumbotron__image',\n attrs: { src: this.src }\n })\n },\n genWrapper () {\n return this.$createElement('div', {\n staticClass: 'v-jumbotron__wrapper'\n }, [\n this.genImage(),\n this.genBackground(),\n this.genContent()\n ])\n }\n },\n\n render (h) {\n const { tag, data } = this.generateRouteLink(this.classes)\n data.staticClass = 'v-jumbotron'\n data.style = this.styles\n\n return h(tag, data, [this.genWrapper()])\n }\n}\n"],"sourceRoot":""}
|
||||
+16
@@ -0,0 +1,16 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.VJumbotron = undefined;
|
||||
|
||||
var _VJumbotron = require('./VJumbotron');
|
||||
|
||||
var _VJumbotron2 = _interopRequireDefault(_VJumbotron);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.VJumbotron = _VJumbotron2.default;
|
||||
exports.default = _VJumbotron2.default;
|
||||
//# sourceMappingURL=index.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VJumbotron/index.js"],"names":[],"mappings":";;;;;;;;;;;;;QAES,U,GAAA,oB;kBACM,oB","sourcesContent":["import VJumbotron from './VJumbotron'\n\nexport { VJumbotron }\nexport default VJumbotron\n"],"sourceRoot":""}
|
||||
Reference in New Issue
Block a user