vuetify eingebunden + erster Versuch Combobox
This commit is contained in:
+81
@@ -0,0 +1,81 @@
|
||||
import '../../../src/stylus/components/_jumbotrons.styl';
|
||||
// Mixins
|
||||
import Colorable from '../../mixins/colorable';
|
||||
import Routable from '../../mixins/routable';
|
||||
import Themeable from '../../mixins/themeable';
|
||||
// Utils
|
||||
import { deprecate } from '../../util/console';
|
||||
/* @vue/component */
|
||||
export default {
|
||||
name: 'v-jumbotron',
|
||||
mixins: [Colorable, Routable, Themeable],
|
||||
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() {
|
||||
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()]);
|
||||
}
|
||||
};
|
||||
//# sourceMappingURL=VJumbotron.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VJumbotron/VJumbotron.js"],"names":[],"mappings":"AAAA,OAAO,iDAAP;AAEA;AACA,OAAO,SAAP,MAAsB,wBAAtB;AACA,OAAO,QAAP,MAAqB,uBAArB;AACA,OAAO,SAAP,MAAsB,wBAAtB;AAEA;AACA,SAAS,SAAT,QAA0B,oBAA1B;AAEA;AACA,eAAe;AACb,UAAM,aADO;AAGb,YAAQ,CACN,SADM,EAEN,QAFM,EAGN,SAHM,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,kBAAU,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,CAAf","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":""}
|
||||
+4
@@ -0,0 +1,4 @@
|
||||
import VJumbotron from './VJumbotron';
|
||||
export { VJumbotron };
|
||||
export default VJumbotron;
|
||||
//# sourceMappingURL=index.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VJumbotron/index.js"],"names":[],"mappings":"AAAA,OAAO,UAAP,MAAuB,cAAvB;AAEA,SAAS,UAAT;AACA,eAAe,UAAf","sourcesContent":["import VJumbotron from './VJumbotron'\n\nexport { VJumbotron }\nexport default VJumbotron\n"],"sourceRoot":""}
|
||||
Reference in New Issue
Block a user