vuetify eingebunden + erster Versuch Combobox
This commit is contained in:
+95
@@ -0,0 +1,95 @@
|
||||
'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; };
|
||||
// Mixins
|
||||
|
||||
// Helpers
|
||||
|
||||
|
||||
require('../../../src/stylus/components/_pickers.styl');
|
||||
|
||||
require('../../../src/stylus/components/_cards.styl');
|
||||
|
||||
var _colorable = require('../../mixins/colorable');
|
||||
|
||||
var _colorable2 = _interopRequireDefault(_colorable);
|
||||
|
||||
var _themeable = require('../../mixins/themeable');
|
||||
|
||||
var _themeable2 = _interopRequireDefault(_themeable);
|
||||
|
||||
var _helpers = require('../../util/helpers');
|
||||
|
||||
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, _themeable2.default).extend({
|
||||
name: 'v-picker',
|
||||
props: {
|
||||
fullWidth: Boolean,
|
||||
landscape: Boolean,
|
||||
transition: {
|
||||
type: String,
|
||||
default: 'fade-transition'
|
||||
},
|
||||
width: {
|
||||
type: [Number, String],
|
||||
default: 290
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
computedTitleColor: function computedTitleColor() {
|
||||
var defaultTitleColor = this.isDark ? false : this.color || 'primary';
|
||||
return this.color || defaultTitleColor;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
genTitle: function genTitle() {
|
||||
return this.$createElement('div', this.setBackgroundColor(this.computedTitleColor, {
|
||||
staticClass: 'v-picker__title',
|
||||
'class': {
|
||||
'v-picker__title--landscape': this.landscape
|
||||
}
|
||||
}), this.$slots.title);
|
||||
},
|
||||
genBodyTransition: function genBodyTransition() {
|
||||
return this.$createElement('transition', {
|
||||
props: {
|
||||
name: this.transition
|
||||
}
|
||||
}, this.$slots.default);
|
||||
},
|
||||
genBody: function genBody() {
|
||||
return this.$createElement('div', {
|
||||
staticClass: 'v-picker__body',
|
||||
'class': this.themeClasses,
|
||||
style: this.fullWidth ? undefined : {
|
||||
width: (0, _helpers.convertToUnit)(this.width)
|
||||
}
|
||||
}, [this.genBodyTransition()]);
|
||||
},
|
||||
genActions: function genActions() {
|
||||
return this.$createElement('div', {
|
||||
staticClass: 'v-picker__actions v-card__actions'
|
||||
}, this.$slots.actions);
|
||||
}
|
||||
},
|
||||
render: function render(h) {
|
||||
return h('div', {
|
||||
staticClass: 'v-picker v-card',
|
||||
'class': _extends({
|
||||
'v-picker--landscape': this.landscape,
|
||||
'v-picker--full-width': this.fullWidth
|
||||
}, this.themeClasses)
|
||||
}, [this.$slots.title ? this.genTitle() : null, this.genBody(), this.$slots.actions ? this.genActions() : null]);
|
||||
}
|
||||
});
|
||||
//# sourceMappingURL=VPicker.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VPicker/VPicker.ts"],"names":[],"mappings":";;;;;;;AAGA;;AAIA;;;;;AANA;;AAGA;;;;AACA;;;;AAGA;;AAIA;;;;;;AAEA;kBACe,sBAAO,mBAAP,EAAkB,mBAAlB,EAA6B,MAA7B,CAAoC;AACjD,UAAM,UAD2C;AAGjD,WAAO;AACL,mBAAW,OADN;AAEL,mBAAW,OAFN;AAGL,oBAAY;AACV,kBAAM,MADI;AAEV,qBAAS;AAFC,SAHP;AAOL,eAAO;AACL,kBAAM,CAAC,MAAD,EAAS,MAAT,CADD;AAEL,qBAAS;AAFJ;AAPF,KAH0C;AAgBjD,cAAU;AACR,0BADQ,gCACU;AAChB,gBAAM,oBAAoB,KAAK,MAAL,GAAc,KAAd,GAAuB,KAAK,KAAL,IAAc,SAA/D;AACA,mBAAO,KAAK,KAAL,IAAc,iBAArB;AACD;AAJO,KAhBuC;AAuBjD,aAAS;AACP,gBADO,sBACC;AACN,mBAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B,KAAK,kBAAL,CAAwB,KAAK,kBAA7B,EAAiD;AACjF,6BAAa,iBADoE;AAEjF,yBAAS;AACP,kDAA8B,KAAK;AAD5B;AAFwE,aAAjD,CAA3B,EAKH,KAAK,MAAL,CAAY,KALT,CAAP;AAMD,SARM;AASP,yBATO,+BASU;AACf,mBAAO,KAAK,cAAL,CAAoB,YAApB,EAAkC;AACvC,uBAAO;AACL,0BAAM,KAAK;AADN;AADgC,aAAlC,EAIJ,KAAK,MAAL,CAAY,OAJR,CAAP;AAKD,SAfM;AAgBP,eAhBO,qBAgBA;AACL,mBAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,6BAAa,gBADmB;AAEhC,yBAAS,KAAK,YAFkB;AAGhC,uBAAO,KAAK,SAAL,GAAiB,SAAjB,GAA6B;AAClC,2BAAO,4BAAc,KAAK,KAAnB;AAD2B;AAHJ,aAA3B,EAMJ,CACD,KAAK,iBAAL,EADC,CANI,CAAP;AASD,SA1BM;AA2BP,kBA3BO,wBA2BG;AACR,mBAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,6BAAa;AADmB,aAA3B,EAEJ,KAAK,MAAL,CAAY,OAFR,CAAP;AAGD;AA/BM,KAvBwC;AAyDjD,UAzDiD,kBAyDzC,CAzDyC,EAyDxC;AACP,eAAO,EAAE,KAAF,EAAS;AACd,yBAAa,iBADC;AAEd;AACE,uCAAuB,KAAK,SAD9B;AAEE,wCAAwB,KAAK;AAF/B,eAGK,KAAK,YAHV;AAFc,SAAT,EAOJ,CACD,KAAK,MAAL,CAAY,KAAZ,GAAoB,KAAK,QAAL,EAApB,GAAsC,IADrC,EAED,KAAK,OAAL,EAFC,EAGD,KAAK,MAAL,CAAY,OAAZ,GAAsB,KAAK,UAAL,EAAtB,GAA0C,IAHzC,CAPI,CAAP;AAYD;AAtEgD,CAApC,C","sourcesContent":["import '../../stylus/components/_pickers.styl'\nimport '../../stylus/components/_cards.styl'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Themeable from '../../mixins/themeable'\n\n// Helpers\nimport { convertToUnit } from '../../util/helpers'\n\n// Types\nimport { VNode } from 'vue/types'\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(Colorable, Themeable).extend({\n name: 'v-picker',\n\n props: {\n fullWidth: Boolean,\n landscape: Boolean,\n transition: {\n type: String,\n default: 'fade-transition'\n },\n width: {\n type: [Number, String],\n default: 290\n }\n },\n\n computed: {\n computedTitleColor (): string | false {\n const defaultTitleColor = this.isDark ? false : (this.color || 'primary')\n return this.color || defaultTitleColor\n }\n },\n\n methods: {\n genTitle () {\n return this.$createElement('div', this.setBackgroundColor(this.computedTitleColor, {\n staticClass: 'v-picker__title',\n 'class': {\n 'v-picker__title--landscape': this.landscape\n }\n }), this.$slots.title)\n },\n genBodyTransition () {\n return this.$createElement('transition', {\n props: {\n name: this.transition\n }\n }, this.$slots.default)\n },\n genBody () {\n return this.$createElement('div', {\n staticClass: 'v-picker__body',\n 'class': this.themeClasses,\n style: this.fullWidth ? undefined : {\n width: convertToUnit(this.width)\n }\n }, [\n this.genBodyTransition()\n ])\n },\n genActions () {\n return this.$createElement('div', {\n staticClass: 'v-picker__actions v-card__actions'\n }, this.$slots.actions)\n }\n },\n\n render (h): VNode {\n return h('div', {\n staticClass: 'v-picker v-card',\n 'class': {\n 'v-picker--landscape': this.landscape,\n 'v-picker--full-width': this.fullWidth,\n ...this.themeClasses\n }\n }, [\n this.$slots.title ? this.genTitle() : null,\n this.genBody(),\n this.$slots.actions ? this.genActions() : null\n ])\n }\n})\n"],"sourceRoot":""}
|
||||
+16
@@ -0,0 +1,16 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.VPicker = undefined;
|
||||
|
||||
var _VPicker = require('./VPicker');
|
||||
|
||||
var _VPicker2 = _interopRequireDefault(_VPicker);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.VPicker = _VPicker2.default;
|
||||
exports.default = _VPicker2.default;
|
||||
//# sourceMappingURL=index.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VPicker/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;QAES,O,GAAA,iB;kBACM,iB","sourcesContent":["import VPicker from './VPicker'\n\nexport { VPicker }\nexport default VPicker\n"],"sourceRoot":""}
|
||||
Reference in New Issue
Block a user