vuetify eingebunden + erster Versuch Combobox
This commit is contained in:
+109
@@ -0,0 +1,109 @@
|
||||
'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
|
||||
|
||||
// Types
|
||||
|
||||
|
||||
require('../../../src/stylus/components/_lists.styl');
|
||||
|
||||
var _themeable = require('../../mixins/themeable');
|
||||
|
||||
var _themeable2 = _interopRequireDefault(_themeable);
|
||||
|
||||
var _registrable = require('../../mixins/registrable');
|
||||
|
||||
var _mixins = require('../../util/mixins');
|
||||
|
||||
var _mixins2 = _interopRequireDefault(_mixins);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = (0, _mixins2.default)((0, _registrable.provide)('list'), _themeable2.default
|
||||
/* @vue/component */
|
||||
).extend({
|
||||
name: 'v-list',
|
||||
provide: function provide() {
|
||||
return {
|
||||
listClick: this.listClick
|
||||
};
|
||||
},
|
||||
|
||||
props: {
|
||||
dense: Boolean,
|
||||
expand: Boolean,
|
||||
subheader: Boolean,
|
||||
threeLine: Boolean,
|
||||
twoLine: Boolean
|
||||
},
|
||||
data: function data() {
|
||||
return {
|
||||
groups: []
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
classes: function classes() {
|
||||
return _extends({
|
||||
'v-list--dense': this.dense,
|
||||
'v-list--subheader': this.subheader,
|
||||
'v-list--two-line': this.twoLine,
|
||||
'v-list--three-line': this.threeLine
|
||||
}, this.themeClasses);
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
register: function register(content) {
|
||||
this.groups.push(content);
|
||||
},
|
||||
unregister: function unregister(content) {
|
||||
var index = this.groups.findIndex(function (g) {
|
||||
return g._uid === content._uid;
|
||||
});
|
||||
if (index > -1) this.groups.splice(index, 1);
|
||||
},
|
||||
listClick: function listClick(uid) {
|
||||
if (this.expand) return;
|
||||
var _iteratorNormalCompletion = true;
|
||||
var _didIteratorError = false;
|
||||
var _iteratorError = undefined;
|
||||
|
||||
try {
|
||||
for (var _iterator = this.groups[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
|
||||
var group = _step.value;
|
||||
|
||||
group.toggle(uid);
|
||||
}
|
||||
} catch (err) {
|
||||
_didIteratorError = true;
|
||||
_iteratorError = err;
|
||||
} finally {
|
||||
try {
|
||||
if (!_iteratorNormalCompletion && _iterator.return) {
|
||||
_iterator.return();
|
||||
}
|
||||
} finally {
|
||||
if (_didIteratorError) {
|
||||
throw _iteratorError;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
render: function render(h) {
|
||||
var data = {
|
||||
staticClass: 'v-list',
|
||||
class: this.classes,
|
||||
attrs: {
|
||||
role: 'list'
|
||||
}
|
||||
};
|
||||
return h('div', data, [this.$slots.default]);
|
||||
}
|
||||
});
|
||||
//# sourceMappingURL=VList.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VList/VList.ts"],"names":[],"mappings":";;;;;;;;AAIA;;AAIA;;;AAPA;;AAIA;;;;AACA;;AAGA;;;;;;kBAKe,sBACb,0BAAmB,MAAnB,CADa,EAEb;AACA;AAHa,EAIb,MAJa,CAIN;AACP,UAAM,QADC;AAGP,WAHO,qBAGA;AACL,eAAO;AACL,uBAAW,KAAK;AADX,SAAP;AAGD,KAPM;;AASP,WAAO;AACL,eAAO,OADF;AAEL,gBAAQ,OAFH;AAGL,mBAAW,OAHN;AAIL,mBAAW,OAJN;AAKL,iBAAS;AALJ,KATA;AAiBP,UAAM;AAAA,eAAO;AACX,oBAAQ;AADG,SAAP;AAAA,KAjBC;AAqBP,cAAU;AACR,eADQ,qBACD;AACL;AACE,iCAAiB,KAAK,KADxB;AAEE,qCAAqB,KAAK,SAF5B;AAGE,oCAAoB,KAAK,OAH3B;AAIE,sCAAsB,KAAK;AAJ7B,eAKK,KAAK,YALV;AAOD;AATO,KArBH;AAiCP,aAAS;AACP,gBADO,oBACG,OADH,EAC8B;AACnC,iBAAK,MAAL,CAAY,IAAZ,CAAiB,OAAjB;AACD,SAHM;AAIP,kBAJO,sBAIK,OAJL,EAIgC;AACrC,gBAAM,QAAQ,KAAK,MAAL,CAAY,SAAZ,CAAsB;AAAA,uBAAK,EAAE,IAAF,KAAW,QAAQ,IAAxB;AAAA,aAAtB,CAAd;AAEA,gBAAI,QAAQ,CAAC,CAAb,EAAgB,KAAK,MAAL,CAAY,MAAZ,CAAmB,KAAnB,EAA0B,CAA1B;AACjB,SARM;AASP,iBATO,qBASI,GATJ,EASe;AACpB,gBAAI,KAAK,MAAT,EAAiB;AADG;AAAA;AAAA;;AAAA;AAGpB,qCAAoB,KAAK,MAAzB,8HAAiC;AAAA,wBAAtB,KAAsB;;AAC/B,0BAAM,MAAN,CAAa,GAAb;AACD;AALmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMrB;AAfM,KAjCF;AAmDP,UAnDO,kBAmDC,CAnDD,EAmDE;AACP,YAAM,OAAO;AACX,yBAAa,QADF;AAEX,mBAAO,KAAK,OAFD;AAGX,mBAAO;AACL,sBAAM;AADD;AAHI,SAAb;AAQA,eAAO,EAAE,KAAF,EAAS,IAAT,EAAe,CAAC,KAAK,MAAL,CAAY,OAAb,CAAf,CAAP;AACD;AA7DM,CAJM,C","sourcesContent":["// Styles\nimport '../../stylus/components/_lists.styl'\nimport VListGroup from './VListGroup'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\nimport { provide as RegistrableProvide } from '../../mixins/registrable'\n\n// Types\nimport mixins from '../../util/mixins'\nimport { VNode } from 'vue'\n\ntype VListGroupInstance = InstanceType<typeof VListGroup>\n\nexport default mixins(\n RegistrableProvide('list'),\n Themeable\n /* @vue/component */\n).extend({\n name: 'v-list',\n\n provide (): object {\n return {\n listClick: this.listClick\n }\n },\n\n props: {\n dense: Boolean,\n expand: Boolean,\n subheader: Boolean,\n threeLine: Boolean,\n twoLine: Boolean\n },\n\n data: () => ({\n groups: [] as VListGroupInstance[]\n }),\n\n computed: {\n classes (): object {\n return {\n 'v-list--dense': this.dense,\n 'v-list--subheader': this.subheader,\n 'v-list--two-line': this.twoLine,\n 'v-list--three-line': this.threeLine,\n ...this.themeClasses\n }\n }\n },\n\n methods: {\n register (content: VListGroupInstance) {\n this.groups.push(content)\n },\n unregister (content: VListGroupInstance) {\n const index = this.groups.findIndex(g => g._uid === content._uid)\n\n if (index > -1) this.groups.splice(index, 1)\n },\n listClick (uid: number) {\n if (this.expand) return\n\n for (const group of this.groups) {\n group.toggle(uid)\n }\n }\n },\n\n render (h): VNode {\n const data = {\n staticClass: 'v-list',\n class: this.classes,\n attrs: {\n role: 'list'\n }\n }\n\n return h('div', data, [this.$slots.default])\n }\n})\n"],"sourceRoot":""}
|
||||
+170
@@ -0,0 +1,170 @@
|
||||
'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; }; // Components
|
||||
|
||||
// Mixins
|
||||
|
||||
// Transitions
|
||||
|
||||
// Utils
|
||||
|
||||
|
||||
var _VIcon = require('../VIcon');
|
||||
|
||||
var _VIcon2 = _interopRequireDefault(_VIcon);
|
||||
|
||||
var _bootable = require('../../mixins/bootable');
|
||||
|
||||
var _bootable2 = _interopRequireDefault(_bootable);
|
||||
|
||||
var _toggleable = require('../../mixins/toggleable');
|
||||
|
||||
var _toggleable2 = _interopRequireDefault(_toggleable);
|
||||
|
||||
var _registrable = require('../../mixins/registrable');
|
||||
|
||||
var _transitions = require('../transitions');
|
||||
|
||||
var _mixins = require('../../util/mixins');
|
||||
|
||||
var _mixins2 = _interopRequireDefault(_mixins);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
||||
|
||||
exports.default = (0, _mixins2.default)(_bootable2.default, (0, _registrable.inject)('list', 'v-list-group', 'v-list'), _toggleable2.default
|
||||
/* @vue/component */
|
||||
).extend({
|
||||
name: 'v-list-group',
|
||||
inject: ['listClick'],
|
||||
props: {
|
||||
activeClass: {
|
||||
type: String,
|
||||
default: 'primary--text'
|
||||
},
|
||||
appendIcon: {
|
||||
type: String,
|
||||
default: '$vuetify.icons.expand'
|
||||
},
|
||||
disabled: Boolean,
|
||||
group: String,
|
||||
noAction: Boolean,
|
||||
prependIcon: String,
|
||||
subGroup: Boolean
|
||||
},
|
||||
data: function data() {
|
||||
return {
|
||||
groups: []
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
groupClasses: function groupClasses() {
|
||||
return {
|
||||
'v-list__group--active': this.isActive,
|
||||
'v-list__group--disabled': this.disabled
|
||||
};
|
||||
},
|
||||
headerClasses: function headerClasses() {
|
||||
return {
|
||||
'v-list__group__header--active': this.isActive,
|
||||
'v-list__group__header--sub-group': this.subGroup
|
||||
};
|
||||
},
|
||||
itemsClasses: function itemsClasses() {
|
||||
return {
|
||||
'v-list__group__items--no-action': this.noAction
|
||||
};
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
isActive: function isActive(val) {
|
||||
if (!this.subGroup && val) {
|
||||
this.listClick(this._uid);
|
||||
}
|
||||
},
|
||||
$route: function $route(to) {
|
||||
var isActive = this.matchRoute(to.path);
|
||||
if (this.group) {
|
||||
if (isActive && this.isActive !== isActive) {
|
||||
this.listClick(this._uid);
|
||||
}
|
||||
this.isActive = isActive;
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted: function mounted() {
|
||||
this.list.register(this);
|
||||
if (this.group && this.$route && this.value == null) {
|
||||
this.isActive = this.matchRoute(this.$route.path);
|
||||
}
|
||||
},
|
||||
beforeDestroy: function beforeDestroy() {
|
||||
this.list.unregister(this._uid);
|
||||
},
|
||||
|
||||
methods: {
|
||||
click: function click(e) {
|
||||
if (this.disabled) return;
|
||||
this.$emit('click', e);
|
||||
this.isActive = !this.isActive;
|
||||
},
|
||||
genIcon: function genIcon(icon) {
|
||||
return this.$createElement(_VIcon2.default, icon);
|
||||
},
|
||||
genAppendIcon: function genAppendIcon() {
|
||||
var icon = !this.subGroup ? this.appendIcon : false;
|
||||
if (!icon && !this.$slots.appendIcon) return null;
|
||||
return this.$createElement('div', {
|
||||
staticClass: 'v-list__group__header__append-icon'
|
||||
}, [this.$slots.appendIcon || this.genIcon(icon)]);
|
||||
},
|
||||
genGroup: function genGroup() {
|
||||
return this.$createElement('div', {
|
||||
staticClass: 'v-list__group__header',
|
||||
class: this.headerClasses,
|
||||
on: _extends({}, this.$listeners, {
|
||||
click: this.click
|
||||
}),
|
||||
ref: 'item'
|
||||
}, [this.genPrependIcon(), this.$slots.activator, this.genAppendIcon()]);
|
||||
},
|
||||
genItems: function genItems() {
|
||||
return this.$createElement('div', {
|
||||
staticClass: 'v-list__group__items',
|
||||
class: this.itemsClasses,
|
||||
directives: [{
|
||||
name: 'show',
|
||||
value: this.isActive
|
||||
}],
|
||||
ref: 'group'
|
||||
}, this.showLazyContent(this.$slots.default));
|
||||
},
|
||||
genPrependIcon: function genPrependIcon() {
|
||||
var icon = this.prependIcon ? this.prependIcon : this.subGroup ? '$vuetify.icons.subgroup' : false;
|
||||
if (!icon && !this.$slots.prependIcon) return null;
|
||||
return this.$createElement('div', {
|
||||
staticClass: 'v-list__group__header__prepend-icon',
|
||||
'class': _defineProperty({}, this.activeClass, this.isActive)
|
||||
}, [this.$slots.prependIcon || this.genIcon(icon)]);
|
||||
},
|
||||
toggle: function toggle(uid) {
|
||||
this.isActive = this._uid === uid;
|
||||
},
|
||||
matchRoute: function matchRoute(to) {
|
||||
if (!this.group) return false;
|
||||
return to.match(this.group) !== null;
|
||||
}
|
||||
},
|
||||
render: function render(h) {
|
||||
return h('div', {
|
||||
staticClass: 'v-list__group',
|
||||
class: this.groupClasses
|
||||
}, [this.genGroup(), h(_transitions.VExpandTransition, [this.genItems()])]);
|
||||
}
|
||||
});
|
||||
//# sourceMappingURL=VListGroup.js.map
|
||||
+1
File diff suppressed because one or more lines are too long
+103
@@ -0,0 +1,103 @@
|
||||
'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
|
||||
|
||||
// Directives
|
||||
|
||||
// Types
|
||||
|
||||
|
||||
var _colorable = require('../../mixins/colorable');
|
||||
|
||||
var _colorable2 = _interopRequireDefault(_colorable);
|
||||
|
||||
var _routable = require('../../mixins/routable');
|
||||
|
||||
var _routable2 = _interopRequireDefault(_routable);
|
||||
|
||||
var _toggleable = require('../../mixins/toggleable');
|
||||
|
||||
var _toggleable2 = _interopRequireDefault(_toggleable);
|
||||
|
||||
var _themeable = require('../../mixins/themeable');
|
||||
|
||||
var _themeable2 = _interopRequireDefault(_themeable);
|
||||
|
||||
var _ripple = require('../../directives/ripple');
|
||||
|
||||
var _ripple2 = _interopRequireDefault(_ripple);
|
||||
|
||||
var _mixins = require('../../util/mixins');
|
||||
|
||||
var _mixins2 = _interopRequireDefault(_mixins);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
||||
|
||||
/* @vue/component */
|
||||
exports.default = (0, _mixins2.default)(_colorable2.default, _routable2.default, _toggleable2.default, _themeable2.default).extend({
|
||||
name: 'v-list-tile',
|
||||
directives: {
|
||||
Ripple: _ripple2.default
|
||||
},
|
||||
inheritAttrs: false,
|
||||
props: {
|
||||
activeClass: {
|
||||
type: String,
|
||||
default: 'primary--text'
|
||||
},
|
||||
avatar: Boolean,
|
||||
inactive: Boolean,
|
||||
tag: String
|
||||
},
|
||||
data: function data() {
|
||||
return {
|
||||
proxyClass: 'v-list__tile--active'
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
listClasses: function listClasses() {
|
||||
return this.disabled ? { 'v-list--disabled': true } : undefined;
|
||||
},
|
||||
classes: function classes() {
|
||||
return _extends({
|
||||
'v-list__tile': true,
|
||||
'v-list__tile--link': this.isLink && !this.inactive,
|
||||
'v-list__tile--avatar': this.avatar,
|
||||
'v-list__tile--disabled': this.disabled,
|
||||
'v-list__tile--active': !this.to && this.isActive
|
||||
}, this.themeClasses, _defineProperty({}, this.activeClass, this.isActive));
|
||||
},
|
||||
isLink: function isLink() {
|
||||
var hasClick = this.$listeners && (this.$listeners.click || this.$listeners['!click']);
|
||||
return Boolean(this.href || this.to || hasClick);
|
||||
}
|
||||
},
|
||||
render: function render(h) {
|
||||
var isRouteLink = !this.inactive && this.isLink;
|
||||
|
||||
var _ref = isRouteLink ? this.generateRouteLink(this.classes) : {
|
||||
tag: this.tag || 'div',
|
||||
data: {
|
||||
class: this.classes
|
||||
}
|
||||
},
|
||||
tag = _ref.tag,
|
||||
data = _ref.data;
|
||||
|
||||
data.attrs = Object.assign({}, data.attrs, this.$attrs);
|
||||
return h('div', this.setTextColor(!this.disabled && this.color, {
|
||||
class: this.listClasses,
|
||||
attrs: {
|
||||
disabled: this.disabled,
|
||||
role: 'listitem'
|
||||
}
|
||||
}), [h(tag, data, this.$slots.default)]);
|
||||
}
|
||||
});
|
||||
//# sourceMappingURL=VListTile.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VList/VListTile.ts"],"names":[],"mappings":";;;;;;;;AAMA;;AAGA;;;AARA;;;;AACA;;;;AACA;;;;AACA;;;;AAGA;;;;AAGA;;;;;;;;AAGA;kBACe,sBACb,mBADa,EAEb,kBAFa,EAGb,oBAHa,EAIb,mBAJa,EAKb,MALa,CAKN;AACP,UAAM,aADC;AAGP,gBAAY;AACV;AADU,KAHL;AAOP,kBAAc,KAPP;AASP,WAAO;AACL,qBAAa;AACX,kBAAM,MADK;AAEX,qBAAS;AAFE,SADR;AAKL,gBAAQ,OALH;AAML,kBAAU,OANL;AAOL,aAAK;AAPA,KATA;AAmBP,UAAM;AAAA,eAAO;AACX,wBAAY;AADD,SAAP;AAAA,KAnBC;AAuBP,cAAU;AACR,mBADQ,yBACG;AACT,mBAAO,KAAK,QAAL,GACH,EAAE,oBAAoB,IAAtB,EADG,GAEH,SAFJ;AAGD,SALO;AAMR,eANQ,qBAMD;AACL;AACE,gCAAgB,IADlB;AAEE,sCAAsB,KAAK,MAAL,IAAe,CAAC,KAAK,QAF7C;AAGE,wCAAwB,KAAK,MAH/B;AAIE,0CAA0B,KAAK,QAJjC;AAKE,wCAAwB,CAAC,KAAK,EAAN,IAAY,KAAK;AAL3C,eAMK,KAAK,YANV,sBAOG,KAAK,WAPR,EAOsB,KAAK,QAP3B;AASD,SAhBO;AAiBR,cAjBQ,oBAiBF;AACJ,gBAAM,WAAW,KAAK,UAAL,KAAoB,KAAK,UAAL,CAAgB,KAAhB,IAAyB,KAAK,UAAL,CAAgB,QAAhB,CAA7C,CAAjB;AAEA,mBAAO,QACL,KAAK,IAAL,IACA,KAAK,EADL,IAEA,QAHK,CAAP;AAKD;AAzBO,KAvBH;AAmDP,UAnDO,kBAmDC,CAnDD,EAmDE;AACP,YAAM,cAAc,CAAC,KAAK,QAAN,IAAkB,KAAK,MAA3C;;AADO,mBAEe,cAAc,KAAK,iBAAL,CAAuB,KAAK,OAA5B,CAAd,GAAqD;AACzE,iBAAK,KAAK,GAAL,IAAY,KADwD;AAEzE,kBAAM;AACJ,uBAAO,KAAK;AADR;AAFmE,SAFpE;AAAA,YAEC,GAFD,QAEC,GAFD;AAAA,YAEM,IAFN,QAEM,IAFN;;AASP,aAAK,KAAL,GAAa,OAAO,MAAP,CAAc,EAAd,EAAkB,KAAK,KAAvB,EAA8B,KAAK,MAAnC,CAAb;AAEA,eAAO,EAAE,KAAF,EAAS,KAAK,YAAL,CAAkB,CAAC,KAAK,QAAN,IAAkB,KAAK,KAAzC,EAAgD;AAC9D,mBAAO,KAAK,WADkD;AAE9D,mBAAO;AACL,0BAAU,KAAK,QADV;AAEL,sBAAM;AAFD;AAFuD,SAAhD,CAAT,EAMH,CAAC,EAAE,GAAF,EAAO,IAAP,EAAa,KAAK,MAAL,CAAY,OAAzB,CAAD,CANG,CAAP;AAOD;AArEM,CALM,C","sourcesContent":["// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Routable from '../../mixins/routable'\nimport Toggleable from '../../mixins/toggleable'\nimport Themeable from '../../mixins/themeable'\n\n// Directives\nimport Ripple from '../../directives/ripple'\n\n// Types\nimport mixins from '../../util/mixins'\nimport { VNode } from 'vue'\n\n/* @vue/component */\nexport default mixins(\n Colorable,\n Routable,\n Toggleable,\n Themeable\n).extend({\n name: 'v-list-tile',\n\n directives: {\n Ripple\n },\n\n inheritAttrs: false,\n\n props: {\n activeClass: {\n type: String,\n default: 'primary--text'\n },\n avatar: Boolean,\n inactive: Boolean,\n tag: String\n },\n\n data: () => ({\n proxyClass: 'v-list__tile--active'\n }),\n\n computed: {\n listClasses (): object | undefined {\n return this.disabled\n ? { 'v-list--disabled': true }\n : undefined\n },\n classes (): object {\n return {\n 'v-list__tile': true,\n 'v-list__tile--link': this.isLink && !this.inactive,\n 'v-list__tile--avatar': this.avatar,\n 'v-list__tile--disabled': this.disabled,\n 'v-list__tile--active': !this.to && this.isActive,\n ...this.themeClasses,\n [this.activeClass]: this.isActive\n }\n },\n isLink (): boolean {\n const hasClick = this.$listeners && (this.$listeners.click || this.$listeners['!click'])\n\n return Boolean(\n this.href ||\n this.to ||\n hasClick\n )\n }\n },\n\n render (h): VNode {\n const isRouteLink = !this.inactive && this.isLink\n const { tag, data } = isRouteLink ? this.generateRouteLink(this.classes) : {\n tag: this.tag || 'div',\n data: {\n class: this.classes\n }\n }\n\n data.attrs = Object.assign({}, data.attrs, this.$attrs)\n\n return h('div', this.setTextColor(!this.disabled && this.color, {\n class: this.listClasses,\n attrs: {\n disabled: this.disabled,\n role: 'listitem'\n }\n }), [h(tag, data, this.$slots.default)])\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-list-tile-action',
|
||||
functional: true,
|
||||
render: function render(h, _ref) {
|
||||
var data = _ref.data,
|
||||
_ref$children = _ref.children,
|
||||
children = _ref$children === undefined ? [] : _ref$children;
|
||||
|
||||
data.staticClass = data.staticClass ? 'v-list__tile__action ' + data.staticClass : 'v-list__tile__action';
|
||||
var filteredChild = children.filter(function (VNode) {
|
||||
return VNode.isComment === false && VNode.text !== ' ';
|
||||
});
|
||||
if (filteredChild.length > 1) data.staticClass += ' v-list__tile__action--stack';
|
||||
return h('div', data, children);
|
||||
}
|
||||
}); // Types
|
||||
//# sourceMappingURL=VListTileAction.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VList/VListTileAction.ts"],"names":[],"mappings":";;;;;;AACA;;;;;;AAEA;kBACe,cAAI,MAAJ,CAAW;AACxB,UAAM,oBADkB;AAGxB,gBAAY,IAHY;AAKxB,UALwB,kBAKhB,CALgB,QAKU;AAAA,YAArB,IAAqB,QAArB,IAAqB;AAAA,iCAAf,QAAe;AAAA,YAAf,QAAe,iCAAJ,EAAI;;AAChC,aAAK,WAAL,GAAmB,KAAK,WAAL,6BAA2C,KAAK,WAAhD,GAAgE,sBAAnF;AACA,YAAM,gBAAgB,SAAS,MAAT,CAAgB,iBAAQ;AAC5C,mBAAO,MAAM,SAAN,KAAoB,KAApB,IAA6B,MAAM,IAAN,KAAe,GAAnD;AACD,SAFqB,CAAtB;AAGA,YAAI,cAAc,MAAd,GAAuB,CAA3B,EAA8B,KAAK,WAAL,IAAoB,8BAApB;AAE9B,eAAO,EAAE,KAAF,EAAS,IAAT,EAAe,QAAf,CAAP;AACD;AAbuB,CAAX,C","sourcesContent":["// Types\nimport Vue, { VNode } from 'vue'\n\n/* @vue/component */\nexport default Vue.extend({\n name: 'v-list-tile-action',\n\n functional: true,\n\n render (h, { data, children = [] }): VNode {\n data.staticClass = data.staticClass ? `v-list__tile__action ${data.staticClass}` : 'v-list__tile__action'\n const filteredChild = children.filter(VNode => {\n return VNode.isComment === false && VNode.text !== ' '\n })\n if (filteredChild.length > 1) data.staticClass += ' v-list__tile__action--stack'\n\n return h('div', data, children)\n }\n})\n"],"sourceRoot":""}
|
||||
+47
@@ -0,0 +1,47 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var _VAvatar = require('../VAvatar');
|
||||
|
||||
var _VAvatar2 = _interopRequireDefault(_VAvatar);
|
||||
|
||||
var _vue = require('vue');
|
||||
|
||||
var _vue2 = _interopRequireDefault(_vue);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
/* @vue/component */
|
||||
// Components
|
||||
exports.default = _vue2.default.extend({
|
||||
name: 'v-list-tile-avatar',
|
||||
functional: true,
|
||||
props: {
|
||||
color: String,
|
||||
size: {
|
||||
type: [Number, String],
|
||||
default: 40
|
||||
},
|
||||
tile: Boolean
|
||||
},
|
||||
render: function render(h, _ref) {
|
||||
var data = _ref.data,
|
||||
children = _ref.children,
|
||||
props = _ref.props;
|
||||
|
||||
data.staticClass = ('v-list__tile__avatar ' + (data.staticClass || '')).trim();
|
||||
var avatar = h(_VAvatar2.default, {
|
||||
props: {
|
||||
color: props.color,
|
||||
size: props.size,
|
||||
tile: props.tile
|
||||
}
|
||||
}, [children]);
|
||||
return h('div', data, [avatar]);
|
||||
}
|
||||
});
|
||||
// Types
|
||||
//# sourceMappingURL=VListTileAvatar.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VList/VListTileAvatar.ts"],"names":[],"mappings":";;;;;;AACA;;;;AAGA;;;;;;AAEA;;kBACe,cAAI,MAAJ,CAAW;AACxB,UAAM,oBADkB;AAGxB,gBAAY,IAHY;AAKxB,WAAO;AACL,eAAO,MADF;AAEL,cAAM;AACJ,kBAAM,CAAC,MAAD,EAAS,MAAT,CADF;AAEJ,qBAAS;AAFL,SAFD;AAML,cAAM;AAND,KALiB;AAcxB,UAdwB,kBAchB,CAdgB,QAcY;AAAA,YAAvB,IAAuB,QAAvB,IAAuB;AAAA,YAAjB,QAAiB,QAAjB,QAAiB;AAAA,YAAP,KAAO,QAAP,KAAO;;AAClC,aAAK,WAAL,GAAmB,4BAAyB,KAAK,WAAL,IAAoB,EAA7C,GAAmD,IAAnD,EAAnB;AAEA,YAAM,SAAS,EAAE,iBAAF,EAAW;AACxB,mBAAO;AACL,uBAAO,MAAM,KADR;AAEL,sBAAM,MAAM,IAFP;AAGL,sBAAM,MAAM;AAHP;AADiB,SAAX,EAMZ,CAAC,QAAD,CANY,CAAf;AAQA,eAAO,EAAE,KAAF,EAAS,IAAT,EAAe,CAAC,MAAD,CAAf,CAAP;AACD;AA1BuB,CAAX,C;AAJf","sourcesContent":["// Components\nimport VAvatar from '../VAvatar'\n\n// Types\nimport Vue, { VNode } from 'vue'\n\n/* @vue/component */\nexport default Vue.extend({\n name: 'v-list-tile-avatar',\n\n functional: true,\n\n props: {\n color: String,\n size: {\n type: [Number, String],\n default: 40\n },\n tile: Boolean\n },\n\n render (h, { data, children, props }): VNode {\n data.staticClass = (`v-list__tile__avatar ${data.staticClass || ''}`).trim()\n\n const avatar = h(VAvatar, {\n props: {\n color: props.color,\n size: props.size,\n tile: props.tile\n }\n }, [children])\n\n return h('div', data, [avatar])\n }\n})\n"],"sourceRoot":""}
|
||||
+54
@@ -0,0 +1,54 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.VListTileSubTitle = exports.VListTileTitle = exports.VListTileContent = exports.VListTileActionText = exports.VListTileAvatar = exports.VListTileAction = exports.VListTile = exports.VListGroup = exports.VList = undefined;
|
||||
|
||||
var _helpers = require('../../util/helpers');
|
||||
|
||||
var _VList = require('./VList');
|
||||
|
||||
var _VList2 = _interopRequireDefault(_VList);
|
||||
|
||||
var _VListGroup = require('./VListGroup');
|
||||
|
||||
var _VListGroup2 = _interopRequireDefault(_VListGroup);
|
||||
|
||||
var _VListTile = require('./VListTile');
|
||||
|
||||
var _VListTile2 = _interopRequireDefault(_VListTile);
|
||||
|
||||
var _VListTileAction = require('./VListTileAction');
|
||||
|
||||
var _VListTileAction2 = _interopRequireDefault(_VListTileAction);
|
||||
|
||||
var _VListTileAvatar = require('./VListTileAvatar');
|
||||
|
||||
var _VListTileAvatar2 = _interopRequireDefault(_VListTileAvatar);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.VList = _VList2.default;
|
||||
exports.VListGroup = _VListGroup2.default;
|
||||
exports.VListTile = _VListTile2.default;
|
||||
exports.VListTileAction = _VListTileAction2.default;
|
||||
exports.VListTileAvatar = _VListTileAvatar2.default;
|
||||
var VListTileActionText = exports.VListTileActionText = (0, _helpers.createSimpleFunctional)('v-list__tile__action-text', 'span');
|
||||
var VListTileContent = exports.VListTileContent = (0, _helpers.createSimpleFunctional)('v-list__tile__content', 'div');
|
||||
var VListTileTitle = exports.VListTileTitle = (0, _helpers.createSimpleFunctional)('v-list__tile__title', 'div');
|
||||
var VListTileSubTitle = exports.VListTileSubTitle = (0, _helpers.createSimpleFunctional)('v-list__tile__sub-title', 'div');
|
||||
exports.default = {
|
||||
$_vuetify_subcomponents: {
|
||||
VList: _VList2.default,
|
||||
VListGroup: _VListGroup2.default,
|
||||
VListTile: _VListTile2.default,
|
||||
VListTileAction: _VListTileAction2.default,
|
||||
VListTileActionText: VListTileActionText,
|
||||
VListTileAvatar: _VListTileAvatar2.default,
|
||||
VListTileContent: VListTileContent,
|
||||
VListTileSubTitle: VListTileSubTitle,
|
||||
VListTileTitle: VListTileTitle
|
||||
}
|
||||
};
|
||||
//# sourceMappingURL=index.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../../../src/components/VList/index.ts"],"names":[],"mappings":";;;;;;;;;AAEA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;;;QAES,K,GAAA,e;QAAO,U,GAAA,oB;QAAY,S,GAAA,mB;QAAW,e,GAAA,yB;QAAiB,e,GAAA,yB;AACjD,IAAM,oDAAsB,qCAAuB,2BAAvB,EAAoD,MAApD,CAA5B;AACA,IAAM,8CAAmB,qCAAuB,uBAAvB,EAAgD,KAAhD,CAAzB;AACA,IAAM,0CAAiB,qCAAuB,qBAAvB,EAA8C,KAA9C,CAAvB;AACA,IAAM,gDAAoB,qCAAuB,yBAAvB,EAAkD,KAAlD,CAA1B;kBAEQ;AACb,6BAAyB;AACvB,8BADuB;AAEvB,wCAFuB;AAGvB,sCAHuB;AAIvB,kDAJuB;AAKvB,gDALuB;AAMvB,kDANuB;AAOvB,0CAPuB;AAQvB,4CARuB;AASvB;AATuB;AADZ,C","sourcesContent":["import { createSimpleFunctional } from '../../util/helpers'\n\nimport VList from './VList'\nimport VListGroup from './VListGroup'\nimport VListTile from './VListTile'\nimport VListTileAction from './VListTileAction'\nimport VListTileAvatar from './VListTileAvatar'\n\nexport { VList, VListGroup, VListTile, VListTileAction, VListTileAvatar }\nexport const VListTileActionText = createSimpleFunctional('v-list__tile__action-text', 'span')\nexport const VListTileContent = createSimpleFunctional('v-list__tile__content', 'div')\nexport const VListTileTitle = createSimpleFunctional('v-list__tile__title', 'div')\nexport const VListTileSubTitle = createSimpleFunctional('v-list__tile__sub-title', 'div')\n\nexport default {\n $_vuetify_subcomponents: {\n VList,\n VListGroup,\n VListTile,\n VListTileAction,\n VListTileActionText,\n VListTileAvatar,\n VListTileContent,\n VListTileSubTitle,\n VListTileTitle\n }\n}\n"],"sourceRoot":""}
|
||||
Reference in New Issue
Block a user