vuetify eingebunden + erster Versuch Combobox
This commit is contained in:
+66
@@ -0,0 +1,66 @@
|
||||
'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
|
||||
|
||||
// Extensions
|
||||
|
||||
// Mixins
|
||||
|
||||
// Helpers
|
||||
|
||||
|
||||
require('../../../src/stylus/components/_cards.styl');
|
||||
|
||||
var _VSheet = require('../VSheet');
|
||||
|
||||
var _VSheet2 = _interopRequireDefault(_VSheet);
|
||||
|
||||
var _routable = require('../../mixins/routable');
|
||||
|
||||
var _routable2 = _interopRequireDefault(_routable);
|
||||
|
||||
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)(_routable2.default, _VSheet2.default).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
|
||||
}, _VSheet2.default.options.computed.classes.call(this));
|
||||
},
|
||||
styles: function styles() {
|
||||
var style = _extends({}, _VSheet2.default.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":";;;;;;;;AAGA;;AAGA;;AAGA;;;AARA;;AAGA;;;;AAGA;;;;AAGA;;;;;;AAKA;kBACe,sBACb,kBADa,EAEb,gBAFa,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,iBAAO,OAAP,CAAe,QAAf,CAAwB,OAAxB,CAAgC,IAAhC,CAAqC,IAArC,CAJL;AAMD,SARO;AASR,cATQ,oBASF;AACJ,gBAAM,qBACD,iBAAO,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,C","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":""}
|
||||
+25
@@ -0,0 +1,25 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var _VImg = require('../VImg/VImg');
|
||||
|
||||
var _VImg2 = _interopRequireDefault(_VImg);
|
||||
|
||||
var _console = require('../../util/console');
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* istanbul ignore next */
|
||||
/* @vue/component */
|
||||
// Components
|
||||
exports.default = _VImg2.default.extend({
|
||||
name: 'v-card-media',
|
||||
mounted: function mounted() {
|
||||
(0, _console.deprecate)('v-card-media', this.src ? 'v-img' : 'v-responsive', this);
|
||||
}
|
||||
});
|
||||
// Utils
|
||||
//# sourceMappingURL=VCardMedia.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VCard/VCardMedia.ts"],"names":[],"mappings":";;;;;;AACA;;;;AAGA;;;;AAEA;AACA;;kBACe,eAAK,MAAL,CAAY;AACzB,UAAM,cADmB;AAGzB,WAHyB,qBAGlB;AACL,gCAAU,cAAV,EAA0B,KAAK,GAAL,GAAW,OAAX,GAAqB,cAA/C,EAA+D,IAA/D;AACD;AALwB,CAAZ,C;AALf","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":""}
|
||||
+30
@@ -0,0 +1,30 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var _vue = require('vue');
|
||||
|
||||
var _vue2 = _interopRequireDefault(_vue);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* @vue/component */
|
||||
exports.default = _vue2.default.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);
|
||||
}
|
||||
}); // Types
|
||||
//# sourceMappingURL=VCardTitle.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VCard/VCardTitle.ts"],"names":[],"mappings":";;;;;;AACA;;;;;;AAEA;kBACe,cAAI,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,C","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":""}
|
||||
+40
@@ -0,0 +1,40 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.VCardText = exports.VCardActions = exports.VCardTitle = exports.VCardMedia = exports.VCard = undefined;
|
||||
|
||||
var _helpers = require('../../util/helpers');
|
||||
|
||||
var _VCard = require('./VCard');
|
||||
|
||||
var _VCard2 = _interopRequireDefault(_VCard);
|
||||
|
||||
var _VCardMedia = require('./VCardMedia');
|
||||
|
||||
var _VCardMedia2 = _interopRequireDefault(_VCardMedia);
|
||||
|
||||
var _VCardTitle = require('./VCardTitle');
|
||||
|
||||
var _VCardTitle2 = _interopRequireDefault(_VCardTitle);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
var VCardActions = (0, _helpers.createSimpleFunctional)('v-card__actions');
|
||||
var VCardText = (0, _helpers.createSimpleFunctional)('v-card__text');
|
||||
exports.VCard = _VCard2.default;
|
||||
exports.VCardMedia = _VCardMedia2.default;
|
||||
exports.VCardTitle = _VCardTitle2.default;
|
||||
exports.VCardActions = VCardActions;
|
||||
exports.VCardText = VCardText;
|
||||
exports.default = {
|
||||
$_vuetify_subcomponents: {
|
||||
VCard: _VCard2.default,
|
||||
VCardMedia: _VCardMedia2.default,
|
||||
VCardTitle: _VCardTitle2.default,
|
||||
VCardActions: VCardActions,
|
||||
VCardText: VCardText
|
||||
}
|
||||
};
|
||||
//# sourceMappingURL=index.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VCard/index.ts"],"names":[],"mappings":";;;;;;;;;AACA;;;;AACA;;;;AACA;;;;;;AAEA,IAAM,eAAe,qCAAuB,iBAAvB,CAArB;AACA,IAAM,YAAY,qCAAuB,cAAvB,CAAlB;QAES,K,GAAA,e;QAAO,U,GAAA,oB;QAAY,U,GAAA,oB;QAAY,Y,GAAA,Y;QAAc,S,GAAA,S;kBAEvC;AACb,6BAAyB;AACvB,8BADuB;AAEvB,wCAFuB;AAGvB,wCAHuB;AAIvB,kCAJuB;AAKvB;AALuB;AADZ,C","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