vuetify eingebunden + erster Versuch Combobox
This commit is contained in:
+31
@@ -0,0 +1,31 @@
|
||||
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/_timeline.styl';
|
||||
import mixins from '../../util/mixins';
|
||||
// Mixins
|
||||
import Themeable from '../../mixins/themeable';
|
||||
export default mixins(Themeable
|
||||
/* @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":";;;AACA,OAAO,+CAAP;AAIA,OAAO,MAAP,MAAmB,mBAAnB;AAEA;AACA,OAAO,SAAP,MAAsB,wBAAtB;AAEA,eAAe,OACb;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,CAAf","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":""}
|
||||
+86
@@ -0,0 +1,86 @@
|
||||
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
|
||||
import mixins from '../../util/mixins';
|
||||
// Components
|
||||
import VIcon from '../VIcon';
|
||||
// Mixins
|
||||
import Themeable from '../../mixins/themeable';
|
||||
import Colorable from '../../mixins/colorable';
|
||||
export default mixins(Colorable, Themeable
|
||||
/* @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(VIcon, {
|
||||
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":";;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAGA;AACA,OAAO,KAAP,MAAkB,UAAlB;AAEA;AACA,OAAO,SAAP,MAAsB,wBAAtB;AACA,OAAO,SAAP,MAAsB,wBAAtB;AAEA,eAAe,OACb,SADa,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,KAApB,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,CAAf","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":""}
|
||||
+10
@@ -0,0 +1,10 @@
|
||||
import VTimeline from './VTimeline';
|
||||
import VTimelineItem from './VTimelineItem';
|
||||
export { VTimeline, VTimelineItem };
|
||||
export default {
|
||||
$_vuetify_subcomponents: {
|
||||
VTimeline: VTimeline,
|
||||
VTimelineItem: VTimelineItem
|
||||
}
|
||||
};
|
||||
//# sourceMappingURL=index.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VTimeline/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAP,MAAsB,aAAtB;AACA,OAAO,aAAP,MAA0B,iBAA1B;AAEA,SAAS,SAAT,EAAoB,aAApB;AAEA,eAAe;AACb,6BAAyB;AACvB,4BADuB;AAEvB;AAFuB;AADZ,CAAf","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