vuetify eingebunden + erster Versuch Combobox
This commit is contained in:
+47
@@ -0,0 +1,47 @@
|
||||
'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; }; // Styles
|
||||
|
||||
// Mixins
|
||||
|
||||
|
||||
require('../../../src/stylus/components/_timeline.styl');
|
||||
|
||||
var _mixins = require('../../util/mixins');
|
||||
|
||||
var _mixins2 = _interopRequireDefault(_mixins);
|
||||
|
||||
var _themeable = require('../../mixins/themeable');
|
||||
|
||||
var _themeable2 = _interopRequireDefault(_themeable);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = (0, _mixins2.default)(_themeable2.default
|
||||
/* @vue/component */
|
||||
).extend({
|
||||
name: 'v-timeline',
|
||||
props: {
|
||||
alignTop: Boolean,
|
||||
dense: Boolean
|
||||
},
|
||||
computed: {
|
||||
classes: function classes() {
|
||||
return _extends({
|
||||
'v-timeline--align-top': this.alignTop,
|
||||
'v-timeline--dense': this.dense
|
||||
}, this.themeClasses);
|
||||
}
|
||||
},
|
||||
render: function render(h) {
|
||||
return h('div', {
|
||||
staticClass: 'v-timeline',
|
||||
'class': this.classes
|
||||
}, this.$slots.default);
|
||||
}
|
||||
});
|
||||
//# sourceMappingURL=VTimeline.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VTimeline/VTimeline.ts"],"names":[],"mappings":";;;;;;;;AAOA;;;AANA;;AAIA;;;;AAGA;;;;;;kBAEe,sBACb;AACF;AAFe,EAGb,MAHa,CAGN;AACP,UAAM,YADC;AAGP,WAAO;AACL,kBAAU,OADL;AAEL,eAAO;AAFF,KAHA;AAQP,cAAU;AACR,eADQ,qBACD;AACL;AACE,yCAAyB,KAAK,QADhC;AAEE,qCAAqB,KAAK;AAF5B,eAGK,KAAK,YAHV;AAKD;AAPO,KARH;AAkBP,UAlBO,kBAkBC,CAlBD,EAkBE;AACP,eAAO,EAAE,KAAF,EAAS;AACd,yBAAa,YADC;AAEd,qBAAS,KAAK;AAFA,SAAT,EAGJ,KAAK,MAAL,CAAY,OAHR,CAAP;AAID;AAvBM,CAHM,C","sourcesContent":["// Styles\nimport '../../stylus/components/_timeline.styl'\n\n// Types\nimport { VNode } from 'vue'\nimport mixins from '../../util/mixins'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\n\nexport default mixins(\n Themeable\n/* @vue/component */\n).extend({\n name: 'v-timeline',\n\n props: {\n alignTop: Boolean,\n dense: Boolean\n },\n\n computed: {\n classes (): {} {\n return {\n 'v-timeline--align-top': this.alignTop,\n 'v-timeline--dense': this.dense,\n ...this.themeClasses\n }\n }\n },\n\n render (h): VNode {\n return h('div', {\n staticClass: 'v-timeline',\n 'class': this.classes\n }, this.$slots.default)\n }\n})\n"],"sourceRoot":""}
|
||||
+108
@@ -0,0 +1,108 @@
|
||||
'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; }; // Types
|
||||
|
||||
// Components
|
||||
|
||||
// Mixins
|
||||
|
||||
|
||||
var _mixins = require('../../util/mixins');
|
||||
|
||||
var _mixins2 = _interopRequireDefault(_mixins);
|
||||
|
||||
var _VIcon = require('../VIcon');
|
||||
|
||||
var _VIcon2 = _interopRequireDefault(_VIcon);
|
||||
|
||||
var _themeable = require('../../mixins/themeable');
|
||||
|
||||
var _themeable2 = _interopRequireDefault(_themeable);
|
||||
|
||||
var _colorable = require('../../mixins/colorable');
|
||||
|
||||
var _colorable2 = _interopRequireDefault(_colorable);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = (0, _mixins2.default)(_colorable2.default, _themeable2.default
|
||||
/* @vue/component */
|
||||
).extend({
|
||||
name: 'v-timeline-item',
|
||||
props: {
|
||||
color: {
|
||||
type: String,
|
||||
default: 'primary'
|
||||
},
|
||||
fillDot: Boolean,
|
||||
hideDot: Boolean,
|
||||
icon: String,
|
||||
iconColor: String,
|
||||
large: Boolean,
|
||||
left: Boolean,
|
||||
right: Boolean,
|
||||
small: Boolean
|
||||
},
|
||||
computed: {
|
||||
hasIcon: function hasIcon() {
|
||||
return !!this.icon || !!this.$slots.icon;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
genBody: function genBody() {
|
||||
return this.$createElement('div', {
|
||||
staticClass: 'v-timeline-item__body'
|
||||
}, this.$slots.default);
|
||||
},
|
||||
genIcon: function genIcon() {
|
||||
if (this.$slots.icon) {
|
||||
return this.$slots.icon;
|
||||
}
|
||||
return this.$createElement(_VIcon2.default, {
|
||||
props: {
|
||||
color: this.iconColor,
|
||||
dark: !this.theme.isDark,
|
||||
small: this.small
|
||||
}
|
||||
}, this.icon);
|
||||
},
|
||||
genInnerDot: function genInnerDot() {
|
||||
var data = this.setBackgroundColor(this.color);
|
||||
return this.$createElement('div', _extends({
|
||||
staticClass: 'v-timeline-item__inner-dot'
|
||||
}, data), [this.hasIcon && this.genIcon()]);
|
||||
},
|
||||
genDot: function genDot() {
|
||||
return this.$createElement('div', {
|
||||
staticClass: 'v-timeline-item__dot',
|
||||
class: {
|
||||
'v-timeline-item__dot--small': this.small,
|
||||
'v-timeline-item__dot--large': this.large
|
||||
}
|
||||
}, [this.genInnerDot()]);
|
||||
},
|
||||
genOpposite: function genOpposite() {
|
||||
return this.$createElement('div', {
|
||||
staticClass: 'v-timeline-item__opposite'
|
||||
}, this.$slots.opposite);
|
||||
}
|
||||
},
|
||||
render: function render(h) {
|
||||
var children = [this.genBody()];
|
||||
if (!this.hideDot) children.unshift(this.genDot());
|
||||
if (this.$slots.opposite) children.push(this.genOpposite());
|
||||
return h('div', {
|
||||
staticClass: 'v-timeline-item',
|
||||
class: _extends({
|
||||
'v-timeline-item--fill-dot': this.fillDot,
|
||||
'v-timeline-item--left': this.left,
|
||||
'v-timeline-item--right': this.right
|
||||
}, this.themeClasses)
|
||||
}, children);
|
||||
}
|
||||
});
|
||||
//# sourceMappingURL=VTimelineItem.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VTimeline/VTimelineItem.ts"],"names":[],"mappings":";;;;;;;;AAIA;;AAGA;;;AANA;;;;AAIA;;;;AAGA;;;;AACA;;;;;;kBAEe,sBACb,mBADa,EAEb;AACF;AAHe,EAIb,MAJa,CAIN;AACP,UAAM,iBADC;AAGP,WAAO;AACL,eAAO;AACL,kBAAM,MADD;AAEL,qBAAS;AAFJ,SADF;AAKL,iBAAS,OALJ;AAML,iBAAS,OANJ;AAOL,cAAM,MAPD;AAQL,mBAAW,MARN;AASL,eAAO,OATF;AAUL,cAAM,OAVD;AAWL,eAAO,OAXF;AAYL,eAAO;AAZF,KAHA;AAkBP,cAAU;AACR,eADQ,qBACD;AACL,mBAAO,CAAC,CAAC,KAAK,IAAP,IAAe,CAAC,CAAC,KAAK,MAAL,CAAY,IAApC;AACD;AAHO,KAlBH;AAwBP,aAAS;AACP,eADO,qBACA;AACL,mBAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,6BAAa;AADmB,aAA3B,EAEJ,KAAK,MAAL,CAAY,OAFR,CAAP;AAGD,SALM;AAMP,eANO,qBAMA;AACL,gBAAI,KAAK,MAAL,CAAY,IAAhB,EAAsB;AACpB,uBAAO,KAAK,MAAL,CAAY,IAAnB;AACD;AAED,mBAAO,KAAK,cAAL,CAAoB,eAApB,EAA2B;AAChC,uBAAO;AACL,2BAAO,KAAK,SADP;AAEL,0BAAM,CAAC,KAAK,KAAL,CAAW,MAFb;AAGL,2BAAO,KAAK;AAHP;AADyB,aAA3B,EAMJ,KAAK,IAND,CAAP;AAOD,SAlBM;AAmBP,mBAnBO,yBAmBI;AACT,gBAAM,OAAkB,KAAK,kBAAL,CAAwB,KAAK,KAA7B,CAAxB;AAEA,mBAAO,KAAK,cAAL,CAAoB,KAApB;AACL,6BAAa;AADR,eAEF,IAFE,GAGJ,CAAC,KAAK,OAAL,IAAgB,KAAK,OAAL,EAAjB,CAHI,CAAP;AAID,SA1BM;AA2BP,cA3BO,oBA2BD;AACJ,mBAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,6BAAa,sBADmB;AAEhC,uBAAO;AACL,mDAA+B,KAAK,KAD/B;AAEL,mDAA+B,KAAK;AAF/B;AAFyB,aAA3B,EAMJ,CAAC,KAAK,WAAL,EAAD,CANI,CAAP;AAOD,SAnCM;AAoCP,mBApCO,yBAoCI;AACT,mBAAO,KAAK,cAAL,CAAoB,KAApB,EAA2B;AAChC,6BAAa;AADmB,aAA3B,EAEJ,KAAK,MAAL,CAAY,QAFR,CAAP;AAGD;AAxCM,KAxBF;AAmEP,UAnEO,kBAmEC,CAnED,EAmEE;AACP,YAAM,WAAW,CAAC,KAAK,OAAL,EAAD,CAAjB;AAEA,YAAI,CAAC,KAAK,OAAV,EAAmB,SAAS,OAAT,CAAiB,KAAK,MAAL,EAAjB;AACnB,YAAI,KAAK,MAAL,CAAY,QAAhB,EAA0B,SAAS,IAAT,CAAc,KAAK,WAAL,EAAd;AAE1B,eAAO,EAAE,KAAF,EAAS;AACd,yBAAa,iBADC;AAEd;AACE,6CAA6B,KAAK,OADpC;AAEE,yCAAyB,KAAK,IAFhC;AAGE,0CAA0B,KAAK;AAHjC,eAIK,KAAK,YAJV;AAFc,SAAT,EAQJ,QARI,CAAP;AASD;AAlFM,CAJM,C","sourcesContent":["// Types\nimport mixins from '../../util/mixins'\nimport { VNode, VNodeData } from 'vue'\n\n// Components\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\nimport Colorable from '../../mixins/colorable'\n\nexport default mixins(\n Colorable,\n Themeable\n/* @vue/component */\n).extend({\n name: 'v-timeline-item',\n\n props: {\n color: {\n type: String,\n default: 'primary'\n },\n fillDot: Boolean,\n hideDot: Boolean,\n icon: String,\n iconColor: String,\n large: Boolean,\n left: Boolean,\n right: Boolean,\n small: Boolean\n },\n\n computed: {\n hasIcon (): boolean {\n return !!this.icon || !!this.$slots.icon\n }\n },\n\n methods: {\n genBody () {\n return this.$createElement('div', {\n staticClass: 'v-timeline-item__body'\n }, this.$slots.default)\n },\n genIcon (): VNode | VNode[] {\n if (this.$slots.icon) {\n return this.$slots.icon\n }\n\n return this.$createElement(VIcon, {\n props: {\n color: this.iconColor,\n dark: !this.theme.isDark,\n small: this.small\n }\n }, this.icon)\n },\n genInnerDot () {\n const data: VNodeData = this.setBackgroundColor(this.color)\n\n return this.$createElement('div', {\n staticClass: 'v-timeline-item__inner-dot',\n ...data\n }, [this.hasIcon && this.genIcon()])\n },\n genDot () {\n return this.$createElement('div', {\n staticClass: 'v-timeline-item__dot',\n class: {\n 'v-timeline-item__dot--small': this.small,\n 'v-timeline-item__dot--large': this.large\n }\n }, [this.genInnerDot()])\n },\n genOpposite () {\n return this.$createElement('div', {\n staticClass: 'v-timeline-item__opposite'\n }, this.$slots.opposite)\n }\n },\n\n render (h): VNode {\n const children = [this.genBody()]\n\n if (!this.hideDot) children.unshift(this.genDot())\n if (this.$slots.opposite) children.push(this.genOpposite())\n\n return h('div', {\n staticClass: 'v-timeline-item',\n class: {\n 'v-timeline-item--fill-dot': this.fillDot,\n 'v-timeline-item--left': this.left,\n 'v-timeline-item--right': this.right,\n ...this.themeClasses\n }\n }, children)\n }\n})\n"],"sourceRoot":""}
|
||||
+26
@@ -0,0 +1,26 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.VTimelineItem = exports.VTimeline = undefined;
|
||||
|
||||
var _VTimeline = require('./VTimeline');
|
||||
|
||||
var _VTimeline2 = _interopRequireDefault(_VTimeline);
|
||||
|
||||
var _VTimelineItem = require('./VTimelineItem');
|
||||
|
||||
var _VTimelineItem2 = _interopRequireDefault(_VTimelineItem);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.VTimeline = _VTimeline2.default;
|
||||
exports.VTimelineItem = _VTimelineItem2.default;
|
||||
exports.default = {
|
||||
$_vuetify_subcomponents: {
|
||||
VTimeline: _VTimeline2.default,
|
||||
VTimelineItem: _VTimelineItem2.default
|
||||
}
|
||||
};
|
||||
//# sourceMappingURL=index.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VTimeline/index.ts"],"names":[],"mappings":";;;;;;;;;;;AACA;;;;;;QAES,S,GAAA,mB;QAAW,a,GAAA,uB;kBAEL;AACb,6BAAyB;AACvB,sCADuB;AAEvB;AAFuB;AADZ,C","sourcesContent":["import VTimeline from './VTimeline'\nimport VTimelineItem from './VTimelineItem'\n\nexport { VTimeline, VTimelineItem }\n\nexport default {\n $_vuetify_subcomponents: {\n VTimeline,\n VTimelineItem\n }\n}\n"],"sourceRoot":""}
|
||||
Reference in New Issue
Block a user