vuetify eingebunden + erster Versuch Combobox
This commit is contained in:
+59
@@ -0,0 +1,59 @@
|
||||
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; };
|
||||
|
||||
import '../../../src/stylus/components/_system-bars.styl';
|
||||
import Applicationable from '../../mixins/applicationable';
|
||||
import Colorable from '../../mixins/colorable';
|
||||
import Themeable from '../../mixins/themeable';
|
||||
import mixins from '../../util/mixins';
|
||||
export default mixins(Applicationable('bar', ['height', 'window']), Colorable, Themeable
|
||||
/* @vue/component */
|
||||
).extend({
|
||||
name: 'v-system-bar',
|
||||
props: {
|
||||
height: {
|
||||
type: [Number, String],
|
||||
validator: function validator(v) {
|
||||
return !isNaN(parseInt(v));
|
||||
}
|
||||
},
|
||||
lightsOut: Boolean,
|
||||
status: Boolean,
|
||||
window: Boolean
|
||||
},
|
||||
computed: {
|
||||
classes: function classes() {
|
||||
return _extends({
|
||||
'v-system-bar--lights-out': this.lightsOut,
|
||||
'v-system-bar--absolute': this.absolute,
|
||||
'v-system-bar--fixed': !this.absolute && (this.app || this.fixed),
|
||||
'v-system-bar--status': this.status,
|
||||
'v-system-bar--window': this.window
|
||||
}, this.themeClasses);
|
||||
},
|
||||
computedHeight: function computedHeight() {
|
||||
if (this.height) return parseInt(this.height);
|
||||
return this.window ? 32 : 24;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
/**
|
||||
* Update the application layout
|
||||
*
|
||||
* @return {number}
|
||||
*/
|
||||
updateApplication: function updateApplication() {
|
||||
return this.computedHeight;
|
||||
}
|
||||
},
|
||||
render: function render(h) {
|
||||
var data = {
|
||||
staticClass: 'v-system-bar',
|
||||
'class': this.classes,
|
||||
style: {
|
||||
height: this.computedHeight + 'px'
|
||||
}
|
||||
};
|
||||
return h('div', this.setBackgroundColor(this.color, data), this.$slots.default);
|
||||
}
|
||||
});
|
||||
//# sourceMappingURL=VSystemBar.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VSystemBar/VSystemBar.ts"],"names":[],"mappings":";;AAAA,OAAO,kDAAP;AAEA,OAAO,eAAP,MAA4B,8BAA5B;AACA,OAAO,SAAP,MAAsB,wBAAtB;AACA,OAAO,SAAP,MAAsB,wBAAtB;AAIA,OAAO,MAAP,MAAmB,mBAAnB;AAEA,eAAe,OACb,gBAAgB,KAAhB,EAAuB,CACrB,QADqB,EAErB,QAFqB,CAAvB,CADa,EAKb,SALa,EAMb;AACF;AAPe,EAQb,MARa,CAQN;AACP,UAAM,cADC;AAGP,WAAO;AACL,gBAAQ;AACN,kBAAM,CAAC,MAAD,EAAS,MAAT,CADA;AAEN,uBAAW,mBAAC,CAAD;AAAA,uBAAY,CAAC,MAAM,SAAS,CAAT,CAAN,CAAb;AAAA;AAFL,SADH;AAKL,mBAAW,OALN;AAML,gBAAQ,OANH;AAOL,gBAAQ;AAPH,KAHA;AAaP,cAAU;AACR,eADQ,qBACD;AACL;AACE,4CAA4B,KAAK,SADnC;AAEE,0CAA0B,KAAK,QAFjC;AAGE,uCAAuB,CAAC,KAAK,QAAN,KAAmB,KAAK,GAAL,IAAY,KAAK,KAApC,CAHzB;AAIE,wCAAwB,KAAK,MAJ/B;AAKE,wCAAwB,KAAK;AAL/B,eAMK,KAAK,YANV;AAQD,SAVO;AAWR,sBAXQ,4BAWM;AACZ,gBAAI,KAAK,MAAT,EAAiB,OAAO,SAAS,KAAK,MAAd,CAAP;AAEjB,mBAAO,KAAK,MAAL,GAAc,EAAd,GAAmB,EAA1B;AACD;AAfO,KAbH;AA+BP,aAAS;AACP;;;;;AAKA,yBANO,+BAMU;AACf,mBAAO,KAAK,cAAZ;AACD;AARM,KA/BF;AA0CP,UA1CO,kBA0CC,CA1CD,EA0CE;AACP,YAAM,OAAO;AACX,yBAAa,cADF;AAEX,qBAAS,KAAK,OAFH;AAGX,mBAAO;AACL,wBAAW,KAAK,cAAhB;AADK;AAHI,SAAb;AAQA,eAAO,EAAE,KAAF,EAAS,KAAK,kBAAL,CAAwB,KAAK,KAA7B,EAAoC,IAApC,CAAT,EAAoD,KAAK,MAAL,CAAY,OAAhE,CAAP;AACD;AApDM,CARM,CAAf","sourcesContent":["import '../../stylus/components/_system-bars.styl'\n\nimport Applicationable from '../../mixins/applicationable'\nimport Colorable from '../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\n\n// Types\nimport { VNode } from 'vue/types'\nimport mixins from '../../util/mixins'\n\nexport default mixins(\n Applicationable('bar', [\n 'height',\n 'window'\n ]),\n Colorable,\n Themeable\n/* @vue/component */\n).extend({\n name: 'v-system-bar',\n\n props: {\n height: {\n type: [Number, String],\n validator: (v: any) => !isNaN(parseInt(v))\n },\n lightsOut: Boolean,\n status: Boolean,\n window: Boolean\n },\n\n computed: {\n classes (): object {\n return {\n 'v-system-bar--lights-out': this.lightsOut,\n 'v-system-bar--absolute': this.absolute,\n 'v-system-bar--fixed': !this.absolute && (this.app || this.fixed),\n 'v-system-bar--status': this.status,\n 'v-system-bar--window': this.window,\n ...this.themeClasses\n }\n },\n computedHeight (): number {\n if (this.height) return parseInt(this.height)\n\n return this.window ? 32 : 24\n }\n },\n\n methods: {\n /**\n * Update the application layout\n *\n * @return {number}\n */\n updateApplication () {\n return this.computedHeight\n }\n },\n\n render (h): VNode {\n const data = {\n staticClass: 'v-system-bar',\n 'class': this.classes,\n style: {\n height: `${this.computedHeight}px`\n }\n }\n\n return h('div', this.setBackgroundColor(this.color, data), this.$slots.default)\n }\n})\n"],"sourceRoot":""}
|
||||
+4
@@ -0,0 +1,4 @@
|
||||
import VSystemBar from './VSystemBar';
|
||||
export { VSystemBar };
|
||||
export default VSystemBar;
|
||||
//# sourceMappingURL=index.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VSystemBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAP,MAAuB,cAAvB;AAEA,SAAS,UAAT;AACA,eAAe,UAAf","sourcesContent":["import VSystemBar from './VSystemBar'\n\nexport { VSystemBar }\nexport default VSystemBar\n"],"sourceRoot":""}
|
||||
Reference in New Issue
Block a user