vuetify eingebunden + erster Versuch Combobox
This commit is contained in:
+45
@@ -0,0 +1,45 @@
|
||||
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/_cards.styl';
|
||||
// Extensions
|
||||
import VSheet from '../VSheet';
|
||||
// Mixins
|
||||
import Routable from '../../mixins/routable';
|
||||
// Helpers
|
||||
import mixins from '../../util/mixins';
|
||||
/* @vue/component */
|
||||
export default mixins(Routable, VSheet).extend({
|
||||
name: 'v-card',
|
||||
props: {
|
||||
flat: Boolean,
|
||||
hover: Boolean,
|
||||
img: String,
|
||||
raised: Boolean
|
||||
},
|
||||
computed: {
|
||||
classes: function classes() {
|
||||
return _extends({
|
||||
'v-card': true,
|
||||
'v-card--flat': this.flat,
|
||||
'v-card--hover': this.hover
|
||||
}, VSheet.options.computed.classes.call(this));
|
||||
},
|
||||
styles: function styles() {
|
||||
var style = _extends({}, VSheet.options.computed.styles.call(this));
|
||||
if (this.img) {
|
||||
style.background = 'url("' + this.img + '") center center / cover no-repeat';
|
||||
}
|
||||
return style;
|
||||
}
|
||||
},
|
||||
render: function render(h) {
|
||||
var _generateRouteLink = this.generateRouteLink(this.classes),
|
||||
tag = _generateRouteLink.tag,
|
||||
data = _generateRouteLink.data;
|
||||
|
||||
data.style = this.styles;
|
||||
return h(tag, this.setBackgroundColor(this.color, data), this.$slots.default);
|
||||
}
|
||||
});
|
||||
//# sourceMappingURL=VCard.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VCard/VCard.ts"],"names":[],"mappings":";;;AACA,OAAO,4CAAP;AAEA;AACA,OAAO,MAAP,MAAmB,WAAnB;AAEA;AACA,OAAO,QAAP,MAAqB,uBAArB;AAEA;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAKA;AACA,eAAe,OACb,QADa,EAEb,MAFa,EAGb,MAHa,CAGN;AACP,UAAM,QADC;AAGP,WAAO;AACL,cAAM,OADD;AAEL,eAAO,OAFF;AAGL,aAAK,MAHA;AAIL,gBAAQ;AAJH,KAHA;AAUP,cAAU;AACR,eADQ,qBACD;AACL;AACE,0BAAU,IADZ;AAEE,gCAAgB,KAAK,IAFvB;AAGE,iCAAiB,KAAK;AAHxB,eAIK,OAAO,OAAP,CAAe,QAAf,CAAwB,OAAxB,CAAgC,IAAhC,CAAqC,IAArC,CAJL;AAMD,SARO;AASR,cATQ,oBASF;AACJ,gBAAM,qBACD,OAAO,OAAP,CAAe,QAAf,CAAwB,MAAxB,CAA+B,IAA/B,CAAoC,IAApC,CADC,CAAN;AAIA,gBAAI,KAAK,GAAT,EAAc;AACZ,sBAAM,UAAN,aAA2B,KAAK,GAAhC;AACD;AAED,mBAAO,KAAP;AACD;AAnBO,KAVH;AAgCP,UAhCO,kBAgCC,CAhCD,EAgCE;AAAA,iCACe,KAAK,iBAAL,CAAuB,KAAK,OAA5B,CADf;AAAA,YACC,GADD,sBACC,GADD;AAAA,YACM,IADN,sBACM,IADN;;AAGP,aAAK,KAAL,GAAa,KAAK,MAAlB;AAEA,eAAO,EAAE,GAAF,EAAO,KAAK,kBAAL,CAAwB,KAAK,KAA7B,EAAoC,IAApC,CAAP,EAAkD,KAAK,MAAL,CAAY,OAA9D,CAAP;AACD;AAtCM,CAHM,CAAf","sourcesContent":["// Styles\nimport '../../stylus/components/_cards.styl'\n\n// Extensions\nimport VSheet from '../VSheet'\n\n// Mixins\nimport Routable from '../../mixins/routable'\n\n// Helpers\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue'\n\n/* @vue/component */\nexport default mixins(\n Routable,\n VSheet\n).extend({\n name: 'v-card',\n\n props: {\n flat: Boolean,\n hover: Boolean,\n img: String,\n raised: Boolean\n },\n\n computed: {\n classes (): object {\n return {\n 'v-card': true,\n 'v-card--flat': this.flat,\n 'v-card--hover': this.hover,\n ...VSheet.options.computed.classes.call(this)\n }\n },\n styles (): object {\n const style: Dictionary<string> = {\n ...VSheet.options.computed.styles.call(this)\n }\n\n if (this.img) {\n style.background = `url(\"${this.img}\") center center / cover no-repeat`\n }\n\n return style\n }\n },\n\n render (h): VNode {\n const { tag, data } = this.generateRouteLink(this.classes)\n\n data.style = this.styles\n\n return h(tag, this.setBackgroundColor(this.color, data), this.$slots.default)\n }\n})\n"],"sourceRoot":""}
|
||||
+13
@@ -0,0 +1,13 @@
|
||||
// Components
|
||||
import VImg from '../VImg/VImg';
|
||||
// Utils
|
||||
import { deprecate } from '../../util/console';
|
||||
/* istanbul ignore next */
|
||||
/* @vue/component */
|
||||
export default VImg.extend({
|
||||
name: 'v-card-media',
|
||||
mounted: function mounted() {
|
||||
deprecate('v-card-media', this.src ? 'v-img' : 'v-responsive', this);
|
||||
}
|
||||
});
|
||||
//# sourceMappingURL=VCardMedia.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VCard/VCardMedia.ts"],"names":[],"mappings":";AACA,OAAO,IAAP,MAAiB,cAAjB;AAEA;AACA,SAAS,SAAT,QAA0B,oBAA1B;AAEA;AACA;AACA,eAAe,KAAK,MAAL,CAAY;AACzB,UAAM,cADmB;AAGzB,WAHyB,qBAGlB;AACL,kBAAU,cAAV,EAA0B,KAAK,GAAL,GAAW,OAAX,GAAqB,cAA/C,EAA+D,IAA/D;AACD;AALwB,CAAZ,CAAf","sourcesContent":["// Components\nimport VImg from '../VImg/VImg'\n\n// Utils\nimport { deprecate } from '../../util/console'\n\n/* istanbul ignore next */\n/* @vue/component */\nexport default VImg.extend({\n name: 'v-card-media',\n\n mounted () {\n deprecate('v-card-media', this.src ? 'v-img' : 'v-responsive', this)\n }\n})\n"],"sourceRoot":""}
|
||||
+20
@@ -0,0 +1,20 @@
|
||||
// Types
|
||||
import Vue from 'vue';
|
||||
/* @vue/component */
|
||||
export default Vue.extend({
|
||||
name: 'v-card-title',
|
||||
functional: true,
|
||||
props: {
|
||||
primaryTitle: Boolean
|
||||
},
|
||||
render: function render(h, _ref) {
|
||||
var data = _ref.data,
|
||||
props = _ref.props,
|
||||
children = _ref.children;
|
||||
|
||||
data.staticClass = ('v-card__title ' + (data.staticClass || '')).trim();
|
||||
if (props.primaryTitle) data.staticClass += ' v-card__title--primary';
|
||||
return h('div', data, children);
|
||||
}
|
||||
});
|
||||
//# sourceMappingURL=VCardTitle.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VCard/VCardTitle.ts"],"names":[],"mappings":";AACA,OAAO,GAAP,MAA2B,KAA3B;AAEA;AACA,eAAe,IAAI,MAAJ,CAAW;AACxB,UAAM,cADkB;AAGxB,gBAAY,IAHY;AAKxB,WAAO;AACL,sBAAc;AADT,KALiB;AASxB,UATwB,kBAShB,CATgB,QASY;AAAA,YAAvB,IAAuB,QAAvB,IAAuB;AAAA,YAAjB,KAAiB,QAAjB,KAAiB;AAAA,YAAV,QAAU,QAAV,QAAU;;AAClC,aAAK,WAAL,GAAmB,qBAAkB,KAAK,WAAL,IAAoB,EAAtC,GAA4C,IAA5C,EAAnB;AAEA,YAAI,MAAM,YAAV,EAAwB,KAAK,WAAL,IAAoB,yBAApB;AAExB,eAAO,EAAE,KAAF,EAAS,IAAT,EAAe,QAAf,CAAP;AACD;AAfuB,CAAX,CAAf","sourcesContent":["// Types\nimport Vue, { VNode } from 'vue'\n\n/* @vue/component */\nexport default Vue.extend({\n name: 'v-card-title',\n\n functional: true,\n\n props: {\n primaryTitle: Boolean\n },\n\n render (h, { data, props, children }): VNode {\n data.staticClass = (`v-card__title ${data.staticClass || ''}`).trim()\n\n if (props.primaryTitle) data.staticClass += ' v-card__title--primary'\n\n return h('div', data, children)\n }\n})\n"],"sourceRoot":""}
|
||||
+17
@@ -0,0 +1,17 @@
|
||||
import { createSimpleFunctional } from '../../util/helpers';
|
||||
import VCard from './VCard';
|
||||
import VCardMedia from './VCardMedia';
|
||||
import VCardTitle from './VCardTitle';
|
||||
var VCardActions = createSimpleFunctional('v-card__actions');
|
||||
var VCardText = createSimpleFunctional('v-card__text');
|
||||
export { VCard, VCardMedia, VCardTitle, VCardActions, VCardText };
|
||||
export default {
|
||||
$_vuetify_subcomponents: {
|
||||
VCard: VCard,
|
||||
VCardMedia: VCardMedia,
|
||||
VCardTitle: VCardTitle,
|
||||
VCardActions: VCardActions,
|
||||
VCardText: VCardText
|
||||
}
|
||||
};
|
||||
//# sourceMappingURL=index.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VCard/index.ts"],"names":[],"mappings":"AAAA,SAAS,sBAAT,QAAuC,oBAAvC;AACA,OAAO,KAAP,MAAkB,SAAlB;AACA,OAAO,UAAP,MAAuB,cAAvB;AACA,OAAO,UAAP,MAAuB,cAAvB;AAEA,IAAM,eAAe,uBAAuB,iBAAvB,CAArB;AACA,IAAM,YAAY,uBAAuB,cAAvB,CAAlB;AAEA,SAAS,KAAT,EAAgB,UAAhB,EAA4B,UAA5B,EAAwC,YAAxC,EAAsD,SAAtD;AAEA,eAAe;AACb,6BAAyB;AACvB,oBADuB;AAEvB,8BAFuB;AAGvB,8BAHuB;AAIvB,kCAJuB;AAKvB;AALuB;AADZ,CAAf","sourcesContent":["import { createSimpleFunctional } from '../../util/helpers'\nimport VCard from './VCard'\nimport VCardMedia from './VCardMedia'\nimport VCardTitle from './VCardTitle'\n\nconst VCardActions = createSimpleFunctional('v-card__actions')\nconst VCardText = createSimpleFunctional('v-card__text')\n\nexport { VCard, VCardMedia, VCardTitle, VCardActions, VCardText }\n\nexport default {\n $_vuetify_subcomponents: {\n VCard,\n VCardMedia,\n VCardTitle,\n VCardActions,\n VCardText\n }\n}\n"],"sourceRoot":""}
|
||||
Reference in New Issue
Block a user