This commit is contained in:
darenhsu
2022-07-17 13:16:16 +08:00
parent 84759556ff
commit befd344ab0
28070 changed files with 4008428 additions and 1 deletions
+88
View File
@@ -0,0 +1,88 @@
// Styles
import "../../../src/components/VList/VList.sass"; // Components
import VSheet from '../VSheet/VSheet';
/* @vue/component */
export default VSheet.extend().extend({
name: 'v-list',
provide() {
return {
isInList: true,
list: this
};
},
inject: {
isInMenu: {
default: false
},
isInNav: {
default: false
}
},
props: {
dense: Boolean,
disabled: Boolean,
expand: Boolean,
flat: Boolean,
nav: Boolean,
rounded: Boolean,
subheader: Boolean,
threeLine: Boolean,
twoLine: Boolean
},
data: () => ({
groups: []
}),
computed: {
classes() {
return { ...VSheet.options.computed.classes.call(this),
'v-list--dense': this.dense,
'v-list--disabled': this.disabled,
'v-list--flat': this.flat,
'v-list--nav': this.nav,
'v-list--rounded': this.rounded,
'v-list--subheader': this.subheader,
'v-list--two-line': this.twoLine,
'v-list--three-line': this.threeLine
};
}
},
methods: {
register(content) {
this.groups.push(content);
},
unregister(content) {
const index = this.groups.findIndex(g => g._uid === content._uid);
if (index > -1) this.groups.splice(index, 1);
},
listClick(uid) {
if (this.expand) return;
for (const group of this.groups) {
group.toggle(uid);
}
}
},
render(h) {
const data = {
staticClass: 'v-list',
class: this.classes,
style: this.styles,
attrs: {
role: this.isInNav || this.isInMenu ? undefined : 'list',
...this.attrs$
}
};
return h(this.tag, this.setBackgroundColor(this.color, data), [this.$slots.default]);
}
});
//# sourceMappingURL=VList.js.map
+1
View File
@@ -0,0 +1 @@
{"version":3,"sources":["../../../src/components/VList/VList.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,0CAAP,C,CAGA;;AACA,OAAO,MAAP,MAAmB,kBAAnB;AAYA;;AACA,eAAe,MAAM,CAAC,MAAP,GAAyB,MAAzB,CAAgC;AAC7C,EAAA,IAAI,EAAE,QADuC;;AAG7C,EAAA,OAAO,GAAA;AACL,WAAO;AACL,MAAA,QAAQ,EAAE,IADL;AAEL,MAAA,IAAI,EAAE;AAFD,KAAP;AAID,GAR4C;;AAU7C,EAAA,MAAM,EAAE;AACN,IAAA,QAAQ,EAAE;AACR,MAAA,OAAO,EAAE;AADD,KADJ;AAIN,IAAA,OAAO,EAAE;AACP,MAAA,OAAO,EAAE;AADF;AAJH,GAVqC;AAmB7C,EAAA,KAAK,EAAE;AACL,IAAA,KAAK,EAAE,OADF;AAEL,IAAA,QAAQ,EAAE,OAFL;AAGL,IAAA,MAAM,EAAE,OAHH;AAIL,IAAA,IAAI,EAAE,OAJD;AAKL,IAAA,GAAG,EAAE,OALA;AAML,IAAA,OAAO,EAAE,OANJ;AAOL,IAAA,SAAS,EAAE,OAPN;AAQL,IAAA,SAAS,EAAE,OARN;AASL,IAAA,OAAO,EAAE;AATJ,GAnBsC;AA+B7C,EAAA,IAAI,EAAE,OAAO;AACX,IAAA,MAAM,EAAE;AADG,GAAP,CA/BuC;AAmC7C,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO,EACL,GAAG,MAAM,CAAC,OAAP,CAAe,QAAf,CAAwB,OAAxB,CAAgC,IAAhC,CAAqC,IAArC,CADE;AAEL,yBAAiB,KAAK,KAFjB;AAGL,4BAAoB,KAAK,QAHpB;AAIL,wBAAgB,KAAK,IAJhB;AAKL,uBAAe,KAAK,GALf;AAML,2BAAmB,KAAK,OANnB;AAOL,6BAAqB,KAAK,SAPrB;AAQL,4BAAoB,KAAK,OARpB;AASL,8BAAsB,KAAK;AATtB,OAAP;AAWD;;AAbO,GAnCmC;AAmD7C,EAAA,OAAO,EAAE;AACP,IAAA,QAAQ,CAAE,OAAF,EAA6B;AACnC,WAAK,MAAL,CAAY,IAAZ,CAAiB,OAAjB;AACD,KAHM;;AAIP,IAAA,UAAU,CAAE,OAAF,EAA6B;AACrC,YAAM,KAAK,GAAG,KAAK,MAAL,CAAY,SAAZ,CAAsB,CAAC,IAAI,CAAC,CAAC,IAAF,KAAW,OAAO,CAAC,IAA9C,CAAd;AAEA,UAAI,KAAK,GAAG,CAAC,CAAb,EAAgB,KAAK,MAAL,CAAY,MAAZ,CAAmB,KAAnB,EAA0B,CAA1B;AACjB,KARM;;AASP,IAAA,SAAS,CAAE,GAAF,EAAa;AACpB,UAAI,KAAK,MAAT,EAAiB;;AAEjB,WAAK,MAAM,KAAX,IAAoB,KAAK,MAAzB,EAAiC;AAC/B,QAAA,KAAK,CAAC,MAAN,CAAa,GAAb;AACD;AACF;;AAfM,GAnDoC;;AAqE7C,EAAA,MAAM,CAAE,CAAF,EAAG;AACP,UAAM,IAAI,GAAG;AACX,MAAA,WAAW,EAAE,QADF;AAEX,MAAA,KAAK,EAAE,KAAK,OAFD;AAGX,MAAA,KAAK,EAAE,KAAK,MAHD;AAIX,MAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,KAAK,OAAL,IAAgB,KAAK,QAArB,GAAgC,SAAhC,GAA4C,MAD7C;AAEL,WAAG,KAAK;AAFH;AAJI,KAAb;AAUA,WAAO,CAAC,CAAC,KAAK,GAAN,EAAW,KAAK,kBAAL,CAAwB,KAAK,KAA7B,EAAoC,IAApC,CAAX,EAAsD,CAAC,KAAK,MAAL,CAAY,OAAb,CAAtD,CAAR;AACD;;AAjF4C,CAAhC,CAAf","sourcesContent":["// Styles\nimport './VList.sass'\nimport VListGroup from './VListGroup'\n\n// Components\nimport VSheet from '../VSheet/VSheet'\n\n// Types\nimport { VNode } from 'vue'\n\ntype VListGroupInstance = InstanceType<typeof VListGroup>\n\ninterface options extends InstanceType<typeof VSheet> {\n isInMenu: boolean\n isInNav: boolean\n}\n\n/* @vue/component */\nexport default VSheet.extend<options>().extend({\n name: 'v-list',\n\n provide (): object {\n return {\n isInList: true,\n list: this,\n }\n },\n\n inject: {\n isInMenu: {\n default: false,\n },\n isInNav: {\n default: false,\n },\n },\n\n props: {\n dense: Boolean,\n disabled: Boolean,\n expand: Boolean,\n flat: Boolean,\n nav: Boolean,\n rounded: 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 ...VSheet.options.computed.classes.call(this),\n 'v-list--dense': this.dense,\n 'v-list--disabled': this.disabled,\n 'v-list--flat': this.flat,\n 'v-list--nav': this.nav,\n 'v-list--rounded': this.rounded,\n 'v-list--subheader': this.subheader,\n 'v-list--two-line': this.twoLine,\n 'v-list--three-line': this.threeLine,\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 style: this.styles,\n attrs: {\n role: this.isInNav || this.isInMenu ? undefined : 'list',\n ...this.attrs$,\n },\n }\n\n return h(this.tag, this.setBackgroundColor(this.color, data), [this.$slots.default])\n },\n})\n"],"sourceRoot":"","file":"VList.js"}
+177
View File
@@ -0,0 +1,177 @@
// Styles
import "../../../src/components/VList/VListGroup.sass"; // Components
import VIcon from '../VIcon';
import VListItem from './VListItem';
import VListItemIcon from './VListItemIcon'; // Mixins
import BindsAttrs from '../../mixins/binds-attrs';
import Bootable from '../../mixins/bootable';
import Colorable from '../../mixins/colorable';
import Toggleable from '../../mixins/toggleable';
import { inject as RegistrableInject } from '../../mixins/registrable'; // Directives
import ripple from '../../directives/ripple'; // Transitions
import { VExpandTransition } from '../transitions'; // Utils
import mixins from '../../util/mixins';
import { getSlot } from '../../util/helpers';
const baseMixins = mixins(BindsAttrs, Bootable, Colorable, RegistrableInject('list'), Toggleable);
export default baseMixins.extend().extend({
name: 'v-list-group',
directives: {
ripple
},
props: {
activeClass: {
type: String,
default: ''
},
appendIcon: {
type: String,
default: '$expand'
},
color: {
type: String,
default: 'primary'
},
disabled: Boolean,
group: String,
noAction: Boolean,
prependIcon: String,
ripple: {
type: [Boolean, Object],
default: true
},
subGroup: Boolean
},
computed: {
classes() {
return {
'v-list-group--active': this.isActive,
'v-list-group--disabled': this.disabled,
'v-list-group--no-action': this.noAction,
'v-list-group--sub-group': this.subGroup
};
}
},
watch: {
isActive(val) {
/* istanbul ignore else */
if (!this.subGroup && val) {
this.list && this.list.listClick(this._uid);
}
},
$route: 'onRouteChange'
},
created() {
this.list && this.list.register(this);
if (this.group && this.$route && this.value == null) {
this.isActive = this.matchRoute(this.$route.path);
}
},
beforeDestroy() {
this.list && this.list.unregister(this);
},
methods: {
click(e) {
if (this.disabled) return;
this.isBooted = true;
this.$emit('click', e);
this.$nextTick(() => this.isActive = !this.isActive);
},
genIcon(icon) {
return this.$createElement(VIcon, icon);
},
genAppendIcon() {
const icon = !this.subGroup ? this.appendIcon : false;
if (!icon && !this.$slots.appendIcon) return null;
return this.$createElement(VListItemIcon, {
staticClass: 'v-list-group__header__append-icon'
}, [this.$slots.appendIcon || this.genIcon(icon)]);
},
genHeader() {
return this.$createElement(VListItem, {
staticClass: 'v-list-group__header',
attrs: {
'aria-expanded': String(this.isActive),
role: 'button'
},
class: {
[this.activeClass]: this.isActive
},
props: {
inputValue: this.isActive
},
directives: [{
name: 'ripple',
value: this.ripple
}],
on: { ...this.listeners$,
click: this.click
}
}, [this.genPrependIcon(), this.$slots.activator, this.genAppendIcon()]);
},
genItems() {
return this.showLazyContent(() => [this.$createElement('div', {
staticClass: 'v-list-group__items',
directives: [{
name: 'show',
value: this.isActive
}]
}, getSlot(this))]);
},
genPrependIcon() {
const icon = this.subGroup && this.prependIcon == null ? '$subgroup' : this.prependIcon;
if (!icon && !this.$slots.prependIcon) return null;
return this.$createElement(VListItemIcon, {
staticClass: 'v-list-group__header__prepend-icon'
}, [this.$slots.prependIcon || this.genIcon(icon)]);
},
onRouteChange(to) {
/* istanbul ignore if */
if (!this.group) return;
const isActive = this.matchRoute(to.path);
/* istanbul ignore else */
if (isActive && this.isActive !== isActive) {
this.list && this.list.listClick(this._uid);
}
this.isActive = isActive;
},
toggle(uid) {
const isActive = this._uid === uid;
if (isActive) this.isBooted = true;
this.$nextTick(() => this.isActive = isActive);
},
matchRoute(to) {
return to.match(this.group) !== null;
}
},
render(h) {
return h('div', this.setTextColor(this.isActive && this.color, {
staticClass: 'v-list-group',
class: this.classes
}), [this.genHeader(), h(VExpandTransition, this.genItems())]);
}
});
//# sourceMappingURL=VListGroup.js.map
File diff suppressed because one or more lines are too long
+155
View File
@@ -0,0 +1,155 @@
// Styles
import "../../../src/components/VList/VListItem.sass"; // Mixins
import Colorable from '../../mixins/colorable';
import Routable from '../../mixins/routable';
import { factory as GroupableFactory } from '../../mixins/groupable';
import Themeable from '../../mixins/themeable';
import { factory as ToggleableFactory } from '../../mixins/toggleable'; // Directives
import Ripple from '../../directives/ripple'; // Utilities
import { keyCodes } from './../../util/helpers';
import { removed } from '../../util/console'; // Types
import mixins from '../../util/mixins';
const baseMixins = mixins(Colorable, Routable, Themeable, GroupableFactory('listItemGroup'), ToggleableFactory('inputValue'));
/* @vue/component */
export default baseMixins.extend().extend({
name: 'v-list-item',
directives: {
Ripple
},
inheritAttrs: false,
inject: {
isInGroup: {
default: false
},
isInList: {
default: false
},
isInMenu: {
default: false
},
isInNav: {
default: false
}
},
props: {
activeClass: {
type: String,
default() {
if (!this.listItemGroup) return '';
return this.listItemGroup.activeClass;
}
},
dense: Boolean,
inactive: Boolean,
link: Boolean,
selectable: {
type: Boolean
},
tag: {
type: String,
default: 'div'
},
threeLine: Boolean,
twoLine: Boolean,
value: null
},
data: () => ({
proxyClass: 'v-list-item--active'
}),
computed: {
classes() {
return {
'v-list-item': true,
...Routable.options.computed.classes.call(this),
'v-list-item--dense': this.dense,
'v-list-item--disabled': this.disabled,
'v-list-item--link': this.isClickable && !this.inactive,
'v-list-item--selectable': this.selectable,
'v-list-item--three-line': this.threeLine,
'v-list-item--two-line': this.twoLine,
...this.themeClasses
};
},
isClickable() {
return Boolean(Routable.options.computed.isClickable.call(this) || this.listItemGroup);
}
},
created() {
/* istanbul ignore next */
if (this.$attrs.hasOwnProperty('avatar')) {
removed('avatar', this);
}
},
methods: {
click(e) {
if (e.detail) this.$el.blur();
this.$emit('click', e);
this.to || this.toggle();
},
genAttrs() {
const attrs = {
'aria-disabled': this.disabled ? true : undefined,
tabindex: this.isClickable && !this.disabled ? 0 : -1,
...this.$attrs
};
if (this.$attrs.hasOwnProperty('role')) {// do nothing, role already provided
} else if (this.isInNav) {// do nothing, role is inherit
} else if (this.isInGroup) {
attrs.role = 'listitem';
attrs['aria-selected'] = String(this.isActive);
} else if (this.isInMenu) {
attrs.role = this.isClickable ? 'menuitem' : undefined;
attrs.id = attrs.id || `list-item-${this._uid}`;
} else if (this.isInList) {
attrs.role = 'listitem';
}
return attrs;
}
},
render(h) {
let {
tag,
data
} = this.generateRouteLink();
data.attrs = { ...data.attrs,
...this.genAttrs()
};
data[this.to ? 'nativeOn' : 'on'] = { ...data[this.to ? 'nativeOn' : 'on'],
keydown: e => {
/* istanbul ignore else */
if (e.keyCode === keyCodes.enter) this.click(e);
this.$emit('keydown', e);
}
};
if (this.inactive) tag = 'div';
if (this.inactive && this.to) {
data.on = data.nativeOn;
delete data.nativeOn;
}
const children = this.$scopedSlots.default ? this.$scopedSlots.default({
active: this.isActive,
toggle: this.toggle
}) : this.$slots.default;
return h(tag, this.setTextColor(this.color, data), children);
}
});
//# sourceMappingURL=VListItem.js.map
File diff suppressed because one or more lines are too long
+22
View File
@@ -0,0 +1,22 @@
// Types
import Vue from 'vue';
/* @vue/component */
export default Vue.extend({
name: 'v-list-item-action',
functional: true,
render(h, {
data,
children = []
}) {
data.staticClass = data.staticClass ? `v-list-item__action ${data.staticClass}` : 'v-list-item__action';
const filteredChild = children.filter(VNode => {
return VNode.isComment === false && VNode.text !== ' ';
});
if (filteredChild.length > 1) data.staticClass += ' v-list-item__action--stack';
return h('div', data, children);
}
});
//# sourceMappingURL=VListItemAction.js.map
+1
View File
@@ -0,0 +1 @@
{"version":3,"sources":["../../../src/components/VList/VListItemAction.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,GAAP,MAA2B,KAA3B;AAEA;;AACA,eAAe,GAAG,CAAC,MAAJ,CAAW;AACxB,EAAA,IAAI,EAAE,oBADkB;AAGxB,EAAA,UAAU,EAAE,IAHY;;AAKxB,EAAA,MAAM,CAAE,CAAF,EAAK;AAAE,IAAA,IAAF;AAAQ,IAAA,QAAQ,GAAG;AAAnB,GAAL,EAA4B;AAChC,IAAA,IAAI,CAAC,WAAL,GAAmB,IAAI,CAAC,WAAL,GAAmB,uBAAuB,IAAI,CAAC,WAAW,EAA1D,GAA+D,qBAAlF;AACA,UAAM,aAAa,GAAG,QAAQ,CAAC,MAAT,CAAgB,KAAK,IAAG;AAC5C,aAAO,KAAK,CAAC,SAAN,KAAoB,KAApB,IAA6B,KAAK,CAAC,IAAN,KAAe,GAAnD;AACD,KAFqB,CAAtB;AAGA,QAAI,aAAa,CAAC,MAAd,GAAuB,CAA3B,EAA8B,IAAI,CAAC,WAAL,IAAoB,6BAApB;AAE9B,WAAO,CAAC,CAAC,KAAD,EAAQ,IAAR,EAAc,QAAd,CAAR;AACD;;AAbuB,CAAX,CAAf","sourcesContent":["// Types\nimport Vue, { VNode } from 'vue'\n\n/* @vue/component */\nexport default Vue.extend({\n name: 'v-list-item-action',\n\n functional: true,\n\n render (h, { data, children = [] }): VNode {\n data.staticClass = data.staticClass ? `v-list-item__action ${data.staticClass}` : 'v-list-item__action'\n const filteredChild = children.filter(VNode => {\n return VNode.isComment === false && VNode.text !== ' '\n })\n if (filteredChild.length > 1) data.staticClass += ' v-list-item__action--stack'\n\n return h('div', data, children)\n },\n})\n"],"sourceRoot":"","file":"VListItemAction.js"}
+33
View File
@@ -0,0 +1,33 @@
// Components
import VAvatar from '../VAvatar';
/* @vue/component */
export default VAvatar.extend({
name: 'v-list-item-avatar',
props: {
horizontal: Boolean,
size: {
type: [Number, String],
default: 40
}
},
computed: {
classes() {
return {
'v-list-item__avatar--horizontal': this.horizontal,
...VAvatar.options.computed.classes.call(this),
'v-avatar--tile': this.tile || this.horizontal
};
}
},
render(h) {
const render = VAvatar.options.render.call(this, h);
render.data = render.data || {};
render.data.staticClass += ' v-list-item__avatar';
return render;
}
});
//# sourceMappingURL=VListItemAvatar.js.map
+1
View File
@@ -0,0 +1 @@
{"version":3,"sources":["../../../src/components/VList/VListItemAvatar.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,OAAP,MAAoB,YAApB;AAKA;;AACA,eAAe,OAAO,CAAC,MAAR,CAAe;AAC5B,EAAA,IAAI,EAAE,oBADsB;AAG5B,EAAA,KAAK,EAAE;AACL,IAAA,UAAU,EAAE,OADP;AAEL,IAAA,IAAI,EAAE;AACJ,MAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADF;AAEJ,MAAA,OAAO,EAAE;AAFL;AAFD,GAHqB;AAW5B,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO;AACL,2CAAmC,KAAK,UADnC;AAEL,WAAG,OAAO,CAAC,OAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,IAAjC,CAAsC,IAAtC,CAFE;AAGL,0BAAkB,KAAK,IAAL,IAAa,KAAK;AAH/B,OAAP;AAKD;;AAPO,GAXkB;;AAqB5B,EAAA,MAAM,CAAE,CAAF,EAAG;AACP,UAAM,MAAM,GAAG,OAAO,CAAC,OAAR,CAAgB,MAAhB,CAAuB,IAAvB,CAA4B,IAA5B,EAAkC,CAAlC,CAAf;AAEA,IAAA,MAAM,CAAC,IAAP,GAAc,MAAM,CAAC,IAAP,IAAe,EAA7B;AACA,IAAA,MAAM,CAAC,IAAP,CAAY,WAAZ,IAA2B,sBAA3B;AAEA,WAAO,MAAP;AACD;;AA5B2B,CAAf,CAAf","sourcesContent":["// Components\nimport VAvatar from '../VAvatar'\n\n// Types\nimport { VNode } from 'vue'\n\n/* @vue/component */\nexport default VAvatar.extend({\n name: 'v-list-item-avatar',\n\n props: {\n horizontal: Boolean,\n size: {\n type: [Number, String],\n default: 40,\n },\n },\n\n computed: {\n classes (): object {\n return {\n 'v-list-item__avatar--horizontal': this.horizontal,\n ...VAvatar.options.computed.classes.call(this),\n 'v-avatar--tile': this.tile || this.horizontal,\n }\n },\n },\n\n render (h): VNode {\n const render = VAvatar.options.render.call(this, h)\n\n render.data = render.data || {}\n render.data.staticClass += ' v-list-item__avatar'\n\n return render\n },\n})\n"],"sourceRoot":"","file":"VListItemAvatar.js"}
+38
View File
@@ -0,0 +1,38 @@
// Styles
import "../../../src/components/VList/VListItemGroup.sass"; // Extensions
import { BaseItemGroup } from '../VItemGroup/VItemGroup'; // Mixins
import Colorable from '../../mixins/colorable'; // Utilities
import mixins from '../../util/mixins';
export default mixins(BaseItemGroup, Colorable).extend({
name: 'v-list-item-group',
provide() {
return {
isInGroup: true,
listItemGroup: this
};
},
computed: {
classes() {
return { ...BaseItemGroup.options.computed.classes.call(this),
'v-list-item-group': true
};
}
},
methods: {
genData() {
return this.setTextColor(this.color, { ...BaseItemGroup.options.methods.genData.call(this),
attrs: {
role: 'listbox'
}
});
}
}
});
//# sourceMappingURL=VListItemGroup.js.map
+1
View File
@@ -0,0 +1 @@
{"version":3,"sources":["../../../src/components/VList/VListItemGroup.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,mDAAP,C,CAEA;;AACA,SAAS,aAAT,QAA8B,0BAA9B,C,CAEA;;AACA,OAAO,SAAP,MAAsB,wBAAtB,C,CAEA;;AACA,OAAO,MAAP,MAAmB,mBAAnB;AAEA,eAAe,MAAM,CACnB,aADmB,EAEnB,SAFmB,CAAN,CAGb,MAHa,CAGN;AACP,EAAA,IAAI,EAAE,mBADC;;AAGP,EAAA,OAAO,GAAA;AACL,WAAO;AACL,MAAA,SAAS,EAAE,IADN;AAEL,MAAA,aAAa,EAAE;AAFV,KAAP;AAID,GARM;;AAUP,EAAA,QAAQ,EAAE;AACR,IAAA,OAAO,GAAA;AACL,aAAO,EACL,GAAG,aAAa,CAAC,OAAd,CAAsB,QAAtB,CAA+B,OAA/B,CAAuC,IAAvC,CAA4C,IAA5C,CADE;AAEL,6BAAqB;AAFhB,OAAP;AAID;;AANO,GAVH;AAmBP,EAAA,OAAO,EAAE;AACP,IAAA,OAAO,GAAA;AACL,aAAO,KAAK,YAAL,CAAkB,KAAK,KAAvB,EAA8B,EACnC,GAAG,aAAa,CAAC,OAAd,CAAsB,OAAtB,CAA8B,OAA9B,CAAsC,IAAtC,CAA2C,IAA3C,CADgC;AAEnC,QAAA,KAAK,EAAE;AACL,UAAA,IAAI,EAAE;AADD;AAF4B,OAA9B,CAAP;AAMD;;AARM;AAnBF,CAHM,CAAf","sourcesContent":["// Styles\nimport './VListItemGroup.sass'\n\n// Extensions\nimport { BaseItemGroup } from '../VItemGroup/VItemGroup'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\nexport default mixins(\n BaseItemGroup,\n Colorable\n).extend({\n name: 'v-list-item-group',\n\n provide () {\n return {\n isInGroup: true,\n listItemGroup: this,\n }\n },\n\n computed: {\n classes (): object {\n return {\n ...BaseItemGroup.options.computed.classes.call(this),\n 'v-list-item-group': true,\n }\n },\n },\n\n methods: {\n genData (): object {\n return this.setTextColor(this.color, {\n ...BaseItemGroup.options.methods.genData.call(this),\n attrs: {\n role: 'listbox',\n },\n })\n },\n },\n})\n"],"sourceRoot":"","file":"VListItemGroup.js"}
+18
View File
@@ -0,0 +1,18 @@
// Types
import Vue from 'vue';
/* @vue/component */
export default Vue.extend({
name: 'v-list-item-icon',
functional: true,
render(h, {
data,
children
}) {
data.staticClass = `v-list-item__icon ${data.staticClass || ''}`.trim();
return h('div', data, children);
}
});
//# sourceMappingURL=VListItemIcon.js.map
+1
View File
@@ -0,0 +1 @@
{"version":3,"sources":["../../../src/components/VList/VListItemIcon.ts"],"names":[],"mappings":"AAAA;AACA,OAAO,GAAP,MAA2B,KAA3B;AAEA;;AACA,eAAe,GAAG,CAAC,MAAJ,CAAW;AACxB,EAAA,IAAI,EAAE,kBADkB;AAGxB,EAAA,UAAU,EAAE,IAHY;;AAKxB,EAAA,MAAM,CAAE,CAAF,EAAK;AAAE,IAAA,IAAF;AAAQ,IAAA;AAAR,GAAL,EAAuB;AAC3B,IAAA,IAAI,CAAC,WAAL,GAAoB,qBAAqB,IAAI,CAAC,WAAL,IAAoB,EAAE,EAA5C,CAAgD,IAAhD,EAAnB;AAEA,WAAO,CAAC,CAAC,KAAD,EAAQ,IAAR,EAAc,QAAd,CAAR;AACD;;AATuB,CAAX,CAAf","sourcesContent":["// Types\nimport Vue, { VNode } from 'vue'\n\n/* @vue/component */\nexport default Vue.extend({\n name: 'v-list-item-icon',\n\n functional: true,\n\n render (h, { data, children }): VNode {\n data.staticClass = (`v-list-item__icon ${data.staticClass || ''}`).trim()\n\n return h('div', data, children)\n },\n})\n"],"sourceRoot":"","file":"VListItemIcon.js"}
+29
View File
@@ -0,0 +1,29 @@
import { createSimpleFunctional } from '../../util/helpers';
import VList from './VList';
import VListGroup from './VListGroup';
import VListItem from './VListItem';
import VListItemGroup from './VListItemGroup';
import VListItemAction from './VListItemAction';
import VListItemAvatar from './VListItemAvatar';
import VListItemIcon from './VListItemIcon';
export const VListItemActionText = createSimpleFunctional('v-list-item__action-text', 'span');
export const VListItemContent = createSimpleFunctional('v-list-item__content', 'div');
export const VListItemTitle = createSimpleFunctional('v-list-item__title', 'div');
export const VListItemSubtitle = createSimpleFunctional('v-list-item__subtitle', 'div');
export { VList, VListGroup, VListItem, VListItemAction, VListItemAvatar, VListItemIcon, VListItemGroup };
export default {
$_vuetify_subcomponents: {
VList,
VListGroup,
VListItem,
VListItemAction,
VListItemActionText,
VListItemAvatar,
VListItemContent,
VListItemGroup,
VListItemIcon,
VListItemSubtitle,
VListItemTitle
}
};
//# sourceMappingURL=index.js.map
+1
View File
@@ -0,0 +1 @@
{"version":3,"sources":["../../../src/components/VList/index.ts"],"names":[],"mappings":"AAAA,SAAS,sBAAT,QAAuC,oBAAvC;AAEA,OAAO,KAAP,MAAkB,SAAlB;AACA,OAAO,UAAP,MAAuB,cAAvB;AACA,OAAO,SAAP,MAAsB,aAAtB;AACA,OAAO,cAAP,MAA2B,kBAA3B;AACA,OAAO,eAAP,MAA4B,mBAA5B;AACA,OAAO,eAAP,MAA4B,mBAA5B;AACA,OAAO,aAAP,MAA0B,iBAA1B;AAEA,OAAO,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,0BAAD,EAA6B,MAA7B,CAAlD;AACP,OAAO,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,sBAAD,EAAyB,KAAzB,CAA/C;AACP,OAAO,MAAM,cAAc,GAAG,sBAAsB,CAAC,oBAAD,EAAuB,KAAvB,CAA7C;AACP,OAAO,MAAM,iBAAiB,GAAG,sBAAsB,CAAC,uBAAD,EAA0B,KAA1B,CAAhD;AAEP,SACE,KADF,EAEE,UAFF,EAGE,SAHF,EAIE,eAJF,EAKE,eALF,EAME,aANF,EAOE,cAPF;AAUA,eAAe;AACb,EAAA,uBAAuB,EAAE;AACvB,IAAA,KADuB;AAEvB,IAAA,UAFuB;AAGvB,IAAA,SAHuB;AAIvB,IAAA,eAJuB;AAKvB,IAAA,mBALuB;AAMvB,IAAA,eANuB;AAOvB,IAAA,gBAPuB;AAQvB,IAAA,cARuB;AASvB,IAAA,aATuB;AAUvB,IAAA,iBAVuB;AAWvB,IAAA;AAXuB;AADZ,CAAf","sourcesContent":["import { createSimpleFunctional } from '../../util/helpers'\n\nimport VList from './VList'\nimport VListGroup from './VListGroup'\nimport VListItem from './VListItem'\nimport VListItemGroup from './VListItemGroup'\nimport VListItemAction from './VListItemAction'\nimport VListItemAvatar from './VListItemAvatar'\nimport VListItemIcon from './VListItemIcon'\n\nexport const VListItemActionText = createSimpleFunctional('v-list-item__action-text', 'span')\nexport const VListItemContent = createSimpleFunctional('v-list-item__content', 'div')\nexport const VListItemTitle = createSimpleFunctional('v-list-item__title', 'div')\nexport const VListItemSubtitle = createSimpleFunctional('v-list-item__subtitle', 'div')\n\nexport {\n VList,\n VListGroup,\n VListItem,\n VListItemAction,\n VListItemAvatar,\n VListItemIcon,\n VListItemGroup,\n}\n\nexport default {\n $_vuetify_subcomponents: {\n VList,\n VListGroup,\n VListItem,\n VListItemAction,\n VListItemActionText,\n VListItemAvatar,\n VListItemContent,\n VListItemGroup,\n VListItemIcon,\n VListItemSubtitle,\n VListItemTitle,\n },\n}\n"],"sourceRoot":"","file":"index.js"}