vuetify eingebunden + erster Versuch Combobox
This commit is contained in:
+75
@@ -0,0 +1,75 @@
|
||||
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
|
||||
import '../../../src/stylus/components/_footer.styl';
|
||||
// Mixins
|
||||
import Applicationable from '../../mixins/applicationable';
|
||||
import Colorable from '../../mixins/colorable';
|
||||
import Themeable from '../../mixins/themeable';
|
||||
/* @vue/component */
|
||||
export default {
|
||||
name: 'v-footer',
|
||||
mixins: [Applicationable(null, ['height', 'inset']), Colorable, Themeable],
|
||||
props: {
|
||||
height: {
|
||||
default: 32,
|
||||
type: [Number, String]
|
||||
},
|
||||
inset: Boolean
|
||||
},
|
||||
computed: {
|
||||
applicationProperty: function applicationProperty() {
|
||||
return this.inset ? 'insetFooter' : 'footer';
|
||||
},
|
||||
computedMarginBottom: function computedMarginBottom() {
|
||||
if (!this.app) return;
|
||||
return this.$vuetify.application.bottom;
|
||||
},
|
||||
computedPaddingLeft: function computedPaddingLeft() {
|
||||
return !this.app || !this.inset ? 0 : this.$vuetify.application.left;
|
||||
},
|
||||
computedPaddingRight: function computedPaddingRight() {
|
||||
return !this.app || !this.inset ? 0 : this.$vuetify.application.right;
|
||||
},
|
||||
styles: function styles() {
|
||||
var styles = {
|
||||
height: isNaN(this.height) ? this.height : this.height + 'px'
|
||||
};
|
||||
if (this.computedPaddingLeft) {
|
||||
styles.paddingLeft = this.computedPaddingLeft + 'px';
|
||||
}
|
||||
if (this.computedPaddingRight) {
|
||||
styles.paddingRight = this.computedPaddingRight + 'px';
|
||||
}
|
||||
if (this.computedMarginBottom) {
|
||||
styles.marginBottom = this.computedMarginBottom + 'px';
|
||||
}
|
||||
return styles;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
/**
|
||||
* Update the application layout
|
||||
*
|
||||
* @return {number}
|
||||
*/
|
||||
updateApplication: function updateApplication() {
|
||||
var height = parseInt(this.height);
|
||||
return isNaN(height) ? this.$el ? this.$el.clientHeight : 0 : height;
|
||||
}
|
||||
},
|
||||
render: function render(h) {
|
||||
var data = this.setBackgroundColor(this.color, {
|
||||
staticClass: 'v-footer',
|
||||
'class': _extends({
|
||||
'v-footer--absolute': this.absolute,
|
||||
'v-footer--fixed': !this.absolute && (this.app || this.fixed),
|
||||
'v-footer--inset': this.inset
|
||||
}, this.themeClasses),
|
||||
style: this.styles,
|
||||
ref: 'content'
|
||||
});
|
||||
return h('footer', data, this.$slots.default);
|
||||
}
|
||||
};
|
||||
//# sourceMappingURL=VFooter.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VFooter/VFooter.js"],"names":[],"mappings":";;;AACA,OAAO,6CAAP;AAEA;AACA,OAAO,eAAP,MAA4B,8BAA5B;AACA,OAAO,SAAP,MAAsB,wBAAtB;AACA,OAAO,SAAP,MAAsB,wBAAtB;AAEA;AACA,eAAe;AACb,UAAM,UADO;AAGb,YAAQ,CACN,gBAAgB,IAAhB,EAAsB,CACpB,QADoB,EAEpB,OAFoB,CAAtB,CADM,EAKN,SALM,EAMN,SANM,CAHK;AAYb,WAAO;AACL,gBAAQ;AACN,qBAAS,EADH;AAEN,kBAAM,CAAC,MAAD,EAAS,MAAT;AAFA,SADH;AAKL,eAAO;AALF,KAZM;AAoBb,cAAU;AACR,2BADQ,iCACW;AACjB,mBAAO,KAAK,KAAL,GAAa,aAAb,GAA6B,QAApC;AACD,SAHO;AAIR,4BAJQ,kCAIY;AAClB,gBAAI,CAAC,KAAK,GAAV,EAAe;AAEf,mBAAO,KAAK,QAAL,CAAc,WAAd,CAA0B,MAAjC;AACD,SARO;AASR,2BATQ,iCASW;AACjB,mBAAO,CAAC,KAAK,GAAN,IAAa,CAAC,KAAK,KAAnB,GACH,CADG,GAEH,KAAK,QAAL,CAAc,WAAd,CAA0B,IAF9B;AAGD,SAbO;AAcR,4BAdQ,kCAcY;AAClB,mBAAO,CAAC,KAAK,GAAN,IAAa,CAAC,KAAK,KAAnB,GACH,CADG,GAEH,KAAK,QAAL,CAAc,WAAd,CAA0B,KAF9B;AAGD,SAlBO;AAmBR,cAnBQ,oBAmBF;AACJ,gBAAM,SAAS;AACb,wBAAQ,MAAM,KAAK,MAAX,IAAqB,KAAK,MAA1B,GAAsC,KAAK,MAA3C;AADK,aAAf;AAIA,gBAAI,KAAK,mBAAT,EAA8B;AAC5B,uBAAO,WAAP,GAAwB,KAAK,mBAA7B;AACD;AAED,gBAAI,KAAK,oBAAT,EAA+B;AAC7B,uBAAO,YAAP,GAAyB,KAAK,oBAA9B;AACD;AAED,gBAAI,KAAK,oBAAT,EAA+B;AAC7B,uBAAO,YAAP,GAAyB,KAAK,oBAA9B;AACD;AAED,mBAAO,MAAP;AACD;AArCO,KApBG;AA4Db,aAAS;AACP;;;;;AAKA,yBANO,+BAMU;AACf,gBAAM,SAAS,SAAS,KAAK,MAAd,CAAf;AAEA,mBAAO,MAAM,MAAN,IACH,KAAK,GAAL,GAAW,KAAK,GAAL,CAAS,YAApB,GAAmC,CADhC,GAEH,MAFJ;AAGD;AAZM,KA5DI;AA2Eb,UA3Ea,kBA2EL,CA3EK,EA2EJ;AACP,YAAM,OAAO,KAAK,kBAAL,CAAwB,KAAK,KAA7B,EAAoC;AAC/C,yBAAa,UADkC;AAE/C;AACE,sCAAsB,KAAK,QAD7B;AAEE,mCAAmB,CAAC,KAAK,QAAN,KAAmB,KAAK,GAAL,IAAY,KAAK,KAApC,CAFrB;AAGE,mCAAmB,KAAK;AAH1B,eAIK,KAAK,YAJV,CAF+C;AAQ/C,mBAAO,KAAK,MARmC;AAS/C,iBAAK;AAT0C,SAApC,CAAb;AAYA,eAAO,EAAE,QAAF,EAAY,IAAZ,EAAkB,KAAK,MAAL,CAAY,OAA9B,CAAP;AACD;AAzFY,CAAf","sourcesContent":["// Styles\nimport '../../stylus/components/_footer.styl'\n\n// Mixins\nimport Applicationable from '../../mixins/applicationable'\nimport Colorable from '../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\n\n/* @vue/component */\nexport default {\n name: 'v-footer',\n\n mixins: [\n Applicationable(null, [\n 'height',\n 'inset'\n ]),\n Colorable,\n Themeable\n ],\n\n props: {\n height: {\n default: 32,\n type: [Number, String]\n },\n inset: Boolean\n },\n\n computed: {\n applicationProperty () {\n return this.inset ? 'insetFooter' : 'footer'\n },\n computedMarginBottom () {\n if (!this.app) return\n\n return this.$vuetify.application.bottom\n },\n computedPaddingLeft () {\n return !this.app || !this.inset\n ? 0\n : this.$vuetify.application.left\n },\n computedPaddingRight () {\n return !this.app || !this.inset\n ? 0\n : this.$vuetify.application.right\n },\n styles () {\n const styles = {\n height: isNaN(this.height) ? this.height : `${this.height}px`\n }\n\n if (this.computedPaddingLeft) {\n styles.paddingLeft = `${this.computedPaddingLeft}px`\n }\n\n if (this.computedPaddingRight) {\n styles.paddingRight = `${this.computedPaddingRight}px`\n }\n\n if (this.computedMarginBottom) {\n styles.marginBottom = `${this.computedMarginBottom}px`\n }\n\n return styles\n }\n },\n\n methods: {\n /**\n * Update the application layout\n *\n * @return {number}\n */\n updateApplication () {\n const height = parseInt(this.height)\n\n return isNaN(height)\n ? this.$el ? this.$el.clientHeight : 0\n : height\n }\n },\n\n render (h) {\n const data = this.setBackgroundColor(this.color, {\n staticClass: 'v-footer',\n 'class': {\n 'v-footer--absolute': this.absolute,\n 'v-footer--fixed': !this.absolute && (this.app || this.fixed),\n 'v-footer--inset': this.inset,\n ...this.themeClasses\n },\n style: this.styles,\n ref: 'content'\n })\n\n return h('footer', data, this.$slots.default)\n }\n}\n"],"sourceRoot":""}
|
||||
+4
@@ -0,0 +1,4 @@
|
||||
import VFooter from './VFooter';
|
||||
export { VFooter };
|
||||
export default VFooter;
|
||||
//# sourceMappingURL=index.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VFooter/index.js"],"names":[],"mappings":"AAAA,OAAO,OAAP,MAAoB,WAApB;AAEA,SAAS,OAAT;AACA,eAAe,OAAf","sourcesContent":["import VFooter from './VFooter'\n\nexport { VFooter }\nexport default VFooter\n"],"sourceRoot":""}
|
||||
Reference in New Issue
Block a user