vuetify
Version:
Vue Material Component Framework
1,076 lines (1,059 loc) • 42.4 kB
TypeScript
import * as vue from 'vue';
import { PropType, JSXComponent } from 'vue';
// @ts-ignore
import * as vue_router from 'vue-router';
type SelectItemKey = boolean | string | (string | number)[] | ((item: Record<string, any>, fallback?: any) => any);
type EventProp<T = (...args: any[]) => any> = T | T[];
declare const EventProp: PropType<EventProp<(...args: any[]) => any>>;
type SelectStrategyFn = (data: {
id: unknown;
value: boolean;
selected: Map<unknown, 'on' | 'off' | 'indeterminate'>;
children: Map<unknown, unknown[]>;
parents: Map<unknown, unknown>;
event?: Event;
}) => Map<unknown, 'on' | 'off' | 'indeterminate'>;
type OpenStrategyFn = (data: {
id: unknown;
value: boolean;
opened: Set<unknown>;
children: Map<unknown, unknown[]>;
parents: Map<unknown, unknown>;
event?: Event;
}) => Set<unknown>;
type OpenSelectStrategyFn = (data: {
id: unknown;
value: boolean;
opened: Set<unknown>;
selected: Map<unknown, 'on' | 'off' | 'indeterminate'>;
children: Map<unknown, unknown[]>;
parents: Map<unknown, unknown>;
event?: Event;
}) => Set<unknown> | null;
type OpenStrategy = {
open: OpenStrategyFn;
select: OpenSelectStrategyFn;
};
type SelectStrategy = 'single-leaf' | 'leaf' | 'independent' | 'single-independent' | 'classic' | SelectStrategyFn;
type OpenStrategyProp = 'single' | 'multiple' | 'list' | OpenStrategy;
type Density = null | 'default' | 'comfortable' | 'compact';
declare const VList: {
new (...args: any[]): {
$: vue.ComponentInternalInstance;
$data: {};
$props: Partial<{
nav: boolean;
disabled: boolean;
tag: string;
mandatory: boolean;
rounded: string | number | boolean;
density: Density;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
itemTitle: SelectItemKey;
itemValue: SelectItemKey;
itemChildren: SelectItemKey;
itemProps: SelectItemKey;
returnObject: boolean;
itemType: string;
}> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
color: StringConstructor;
variant: Omit<{
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
};
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
items: {
type: PropType<any[]>;
default: () => never[];
};
itemTitle: {
type: PropType<SelectItemKey>;
default: string;
};
itemValue: {
type: PropType<SelectItemKey>;
default: string;
};
itemChildren: {
type: PropType<SelectItemKey>;
default: string;
};
itemProps: {
type: PropType<SelectItemKey>;
default: string;
};
returnObject: BooleanConstructor;
itemType: {
type: StringConstructor;
default: string;
};
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
selectStrategy: {
type: PropType<NonNullable<SelectStrategy>>;
default: NonNullable<SelectStrategy>;
};
openStrategy: {
type: PropType<NonNullable<OpenStrategyProp>>;
default: NonNullable<OpenStrategyProp>;
};
opened: PropType<unknown[]>;
selected: PropType<unknown[]>;
mandatory: BooleanConstructor;
activeColor: StringConstructor;
activeClass: StringConstructor;
bgColor: StringConstructor;
disabled: BooleanConstructor;
lines: {
type: PropType<false | "one" | "two" | "three">;
default: string;
};
nav: BooleanConstructor;
}, "$children" | "$slots" | "v-slots" | "items" | "v-slot:item" | "v-slot:header" | "v-slot:subheader">>> & {
"onUpdate:selected"?: ((val: unknown[]) => any) | undefined;
"onUpdate:opened"?: ((val: unknown[]) => any) | undefined;
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "nav" | "disabled" | "tag" | "mandatory" | "rounded" | "density" | "variant" | "selectStrategy" | "openStrategy" | "lines" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "itemType">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: vue.Slot | undefined;
}>;
$root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
$parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
$emit: ((event: "click:open", value: {
id: unknown;
value: boolean;
path: unknown[];
}) => void) & ((event: "click:select", value: {
id: unknown;
value: boolean;
path: unknown[];
}) => void) & ((event: "update:selected", val: unknown[]) => void) & ((event: "update:opened", val: unknown[]) => void);
$el: any;
$options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
color: StringConstructor;
variant: Omit<{
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
};
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
items: {
type: PropType<any[]>;
default: () => never[];
};
itemTitle: {
type: PropType<SelectItemKey>;
default: string;
};
itemValue: {
type: PropType<SelectItemKey>;
default: string;
};
itemChildren: {
type: PropType<SelectItemKey>;
default: string;
};
itemProps: {
type: PropType<SelectItemKey>;
default: string;
};
returnObject: BooleanConstructor;
itemType: {
type: StringConstructor;
default: string;
};
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
selectStrategy: {
type: PropType<NonNullable<SelectStrategy>>;
default: NonNullable<SelectStrategy>;
};
openStrategy: {
type: PropType<NonNullable<OpenStrategyProp>>;
default: NonNullable<OpenStrategyProp>;
};
opened: PropType<unknown[]>;
selected: PropType<unknown[]>;
mandatory: BooleanConstructor;
activeColor: StringConstructor;
activeClass: StringConstructor;
bgColor: StringConstructor;
disabled: BooleanConstructor;
lines: {
type: PropType<false | "one" | "two" | "three">;
default: string;
};
nav: BooleanConstructor;
}, "$children" | "$slots" | "v-slots" | "items" | "v-slot:item" | "v-slot:header" | "v-slot:subheader">>> & {
"onUpdate:selected"?: ((val: unknown[]) => any) | undefined;
"onUpdate:opened"?: ((val: unknown[]) => any) | undefined;
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, {
open: (id: unknown, value: boolean, event?: Event | undefined) => void;
select: (id: unknown, value: boolean, event?: Event | undefined) => void;
focus: (location?: 'next' | 'prev' | 'first' | 'last') => void;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:selected': (val: unknown[]) => boolean;
'update:opened': (val: unknown[]) => boolean;
'click:open': (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => boolean;
'click:select': (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => boolean;
}, "$children" | "$slots" | "v-slots" | "items" | "v-slot:item" | "v-slot:header" | "v-slot:subheader">, string, {
nav: boolean;
disabled: boolean;
tag: string;
mandatory: boolean;
rounded: string | number | boolean;
density: Density;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
itemTitle: SelectItemKey;
itemValue: SelectItemKey;
itemChildren: SelectItemKey;
itemProps: SelectItemKey;
returnObject: boolean;
itemType: string;
}, {}, string> & {
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
created?: ((() => void) | (() => void)[]) | undefined;
beforeMount?: ((() => void) | (() => void)[]) | undefined;
mounted?: ((() => void) | (() => void)[]) | undefined;
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
updated?: ((() => void) | (() => void)[]) | undefined;
activated?: ((() => void) | (() => void)[]) | undefined;
deactivated?: ((() => void) | (() => void)[]) | undefined;
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
destroyed?: ((() => void) | (() => void)[]) | undefined;
unmounted?: ((() => void) | (() => void)[]) | undefined;
renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
};
$forceUpdate: () => void;
$nextTick: typeof vue.nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
} & Readonly<vue.ExtractPropTypes<Omit<{
color: StringConstructor;
variant: Omit<{
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
};
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
items: {
type: PropType<any[]>;
default: () => never[];
};
itemTitle: {
type: PropType<SelectItemKey>;
default: string;
};
itemValue: {
type: PropType<SelectItemKey>;
default: string;
};
itemChildren: {
type: PropType<SelectItemKey>;
default: string;
};
itemProps: {
type: PropType<SelectItemKey>;
default: string;
};
returnObject: BooleanConstructor;
itemType: {
type: StringConstructor;
default: string;
};
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
selectStrategy: {
type: PropType<NonNullable<SelectStrategy>>;
default: NonNullable<SelectStrategy>;
};
openStrategy: {
type: PropType<NonNullable<OpenStrategyProp>>;
default: NonNullable<OpenStrategyProp>;
};
opened: PropType<unknown[]>;
selected: PropType<unknown[]>;
mandatory: BooleanConstructor;
activeColor: StringConstructor;
activeClass: StringConstructor;
bgColor: StringConstructor;
disabled: BooleanConstructor;
lines: {
type: PropType<false | "one" | "two" | "three">;
default: string;
};
nav: BooleanConstructor;
}, "$children" | "$slots" | "v-slots" | "items" | "v-slot:item" | "v-slot:header" | "v-slot:subheader">>> & {
"onUpdate:selected"?: ((val: unknown[]) => any) | undefined;
"onUpdate:opened"?: ((val: unknown[]) => any) | undefined;
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
} & vue.ShallowUnwrapRef<{
open: (id: unknown, value: boolean, event?: Event | undefined) => void;
select: (id: unknown, value: boolean, event?: Event | undefined) => void;
focus: (location?: 'next' | 'prev' | 'first' | 'last') => void;
}> & {} & vue.ComponentCustomProperties & {};
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
color: StringConstructor;
variant: Omit<{
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
};
theme: StringConstructor;
tag: {
type: StringConstructor;
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
items: {
type: PropType<any[]>;
default: () => never[];
};
itemTitle: {
type: PropType<SelectItemKey>;
default: string;
};
itemValue: {
type: PropType<SelectItemKey>;
default: string;
};
itemChildren: {
type: PropType<SelectItemKey>;
default: string;
};
itemProps: {
type: PropType<SelectItemKey>;
default: string;
};
returnObject: BooleanConstructor;
itemType: {
type: StringConstructor;
default: string;
};
elevation: {
type: (StringConstructor | NumberConstructor)[];
validator(v: any): boolean;
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
maxWidth: (StringConstructor | NumberConstructor)[];
minHeight: (StringConstructor | NumberConstructor)[];
minWidth: (StringConstructor | NumberConstructor)[];
width: (StringConstructor | NumberConstructor)[];
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
selectStrategy: {
type: PropType<NonNullable<SelectStrategy>>;
default: NonNullable<SelectStrategy>;
};
openStrategy: {
type: PropType<NonNullable<OpenStrategyProp>>;
default: NonNullable<OpenStrategyProp>;
};
opened: PropType<unknown[]>;
selected: PropType<unknown[]>;
mandatory: BooleanConstructor;
activeColor: StringConstructor;
activeClass: StringConstructor;
bgColor: StringConstructor;
disabled: BooleanConstructor;
lines: {
type: PropType<false | "one" | "two" | "three">;
default: string;
};
nav: BooleanConstructor;
}, "$children" | "$slots" | "v-slots" | "items" | "v-slot:item" | "v-slot:header" | "v-slot:subheader">>> & {
"onUpdate:selected"?: ((val: unknown[]) => any) | undefined;
"onUpdate:opened"?: ((val: unknown[]) => any) | undefined;
"onClick:open"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
"onClick:select"?: ((value: {
id: unknown;
value: boolean;
path: unknown[];
}) => any) | undefined;
}, {
open: (id: unknown, value: boolean, event?: Event | undefined) => void;
select: (id: unknown, value: boolean, event?: Event | undefined) => void;
focus: (location?: 'next' | 'prev' | 'first' | 'last') => void;
}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
'update:selected': (val: unknown[]) => boolean;
'update:opened': (val: unknown[]) => boolean;
'click:open': (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => boolean;
'click:select': (value: {
id: unknown;
value: boolean;
path: unknown[];
}) => boolean;
}, "$children" | "$slots" | "v-slots" | "items" | "v-slot:item" | "v-slot:header" | "v-slot:subheader">, string, {
nav: boolean;
disabled: boolean;
tag: string;
mandatory: boolean;
rounded: string | number | boolean;
density: Density;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
selectStrategy: NonNullable<SelectStrategy>;
openStrategy: NonNullable<OpenStrategyProp>;
lines: false | "one" | "two" | "three";
itemTitle: SelectItemKey;
itemValue: SelectItemKey;
itemChildren: SelectItemKey;
itemProps: SelectItemKey;
returnObject: boolean;
itemType: string;
}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T_1>() => {
$props: {
items?: T_1[] | undefined;
} & {
$children?: {} | vue.VNodeChild | {
subheader?: (() => vue.VNodeChild) | undefined;
header?: ((args_0: {
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
item?: ((args_0: T_1) => vue.VNodeChild) | undefined;
};
$slots?: {
subheader?: (() => vue.VNodeChild) | undefined;
header?: ((args_0: {
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
item?: ((args_0: T_1) => vue.VNodeChild) | undefined;
} | undefined;
'v-slots'?: {
subheader?: false | (() => vue.VNodeChild) | undefined;
header?: false | ((args_0: {
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
item?: false | ((args_0: T_1) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:subheader"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:header"?: false | ((args_0: {
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
"v-slot:item"?: false | ((args_0: T_1) => vue.VNodeChild) | undefined;
};
});
type VList = InstanceType<typeof VList>;
type IconValue = string | JSXComponent;
declare const IconValue: PropType<IconValue>;
declare const VListGroup: vue.DefineComponent<{
tag: string;
subgroup: boolean;
collapseIcon: IconValue;
expandIcon: IconValue;
fluid: boolean;
} & {
color?: string | undefined;
value?: any;
title?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
activeColor?: string | undefined;
} & {
$children?: {} | vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
activator?: ((args_0: {
isOpen: boolean;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
};
$slots?: {
default?: (() => vue.VNodeChild) | undefined;
activator?: ((args_0: {
isOpen: boolean;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
} | undefined;
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
activator?: false | ((args_0: {
isOpen: boolean;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((args_0: {
isOpen: boolean;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
tag: string;
subgroup: boolean;
collapseIcon: IconValue;
expandIcon: IconValue;
fluid: boolean;
} & {
color?: string | undefined;
value?: any;
title?: string | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
activeColor?: string | undefined;
} & {
$children?: {} | vue.VNodeChild | {
default?: (() => vue.VNodeChild) | undefined;
activator?: ((args_0: {
isOpen: boolean;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
};
$slots?: {
default?: (() => vue.VNodeChild) | undefined;
activator?: ((args_0: {
isOpen: boolean;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
} | undefined;
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
activator?: false | ((args_0: {
isOpen: boolean;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
"v-slot:activator"?: false | ((args_0: {
isOpen: boolean;
props: Record<string, unknown>;
}) => vue.VNodeChild) | undefined;
}, {
tag: string;
subgroup: boolean;
collapseIcon: IconValue;
expandIcon: IconValue;
fluid: boolean;
}>;
type VListGroup = InstanceType<typeof VListGroup>;
declare const VListImg: vue.DefineComponent<{
tag: string;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
$slots?: {
default?: (() => vue.VNodeChild) | undefined;
} | undefined;
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
tag: string;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
$slots?: {
default?: (() => vue.VNodeChild) | undefined;
} | undefined;
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
tag: string;
}>;
type VListImg = InstanceType<typeof VListImg>;
type ListItemSlot = {
isActive: boolean;
activate: (value: boolean) => void;
isSelected: boolean;
select: (value: boolean) => void;
};
type ListItemTitleSlot = {
title?: string;
};
type ListItemSubtitleSlot = {
subtitle?: string;
};
declare const VListItem: vue.DefineComponent<{
replace: boolean;
exact: boolean;
nav: boolean;
disabled: boolean;
tag: string;
density: Density;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
ripple: boolean;
} & {
link?: boolean | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
active?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
value?: any;
title?: string | number | boolean | undefined;
onClick?: EventProp<(...args: any[]) => any> | undefined;
onClickOnce?: EventProp<(...args: any[]) => any> | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
activeClass?: string | undefined;
appendAvatar?: string | undefined;
prependAvatar?: string | undefined;
activeColor?: string | undefined;
subtitle?: string | number | boolean | undefined;
lines?: "one" | "two" | "three" | undefined;
} & {
$children?: {} | vue.VNodeChild | {
prepend?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
append?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
default?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
title?: ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
subtitle?: ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
};
$slots?: {
prepend?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
append?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
default?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
title?: ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
subtitle?: ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
} | undefined;
'v-slots'?: {
prepend?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
append?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
default?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
title?: false | ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
subtitle?: false | ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:prepend"?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
"v-slot:title"?: false | ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
click: (e: MouseEvent | KeyboardEvent) => true;
}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
replace: boolean;
exact: boolean;
nav: boolean;
disabled: boolean;
tag: string;
density: Density;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
ripple: boolean;
} & {
link?: boolean | undefined;
height?: string | number | undefined;
width?: string | number | undefined;
active?: boolean | undefined;
border?: string | number | boolean | undefined;
color?: string | undefined;
maxHeight?: string | number | undefined;
maxWidth?: string | number | undefined;
minHeight?: string | number | undefined;
minWidth?: string | number | undefined;
value?: any;
title?: string | number | boolean | undefined;
onClick?: EventProp<(...args: any[]) => any> | undefined;
onClickOnce?: EventProp<(...args: any[]) => any> | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
to?: vue_router.RouteLocationRaw | undefined;
theme?: string | undefined;
rounded?: string | number | boolean | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
activeClass?: string | undefined;
appendAvatar?: string | undefined;
prependAvatar?: string | undefined;
activeColor?: string | undefined;
subtitle?: string | number | boolean | undefined;
lines?: "one" | "two" | "three" | undefined;
} & {
$children?: {} | vue.VNodeChild | {
prepend?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
append?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
default?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
title?: ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
subtitle?: ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
};
$slots?: {
prepend?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
append?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
default?: ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
title?: ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
subtitle?: ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
} | undefined;
'v-slots'?: {
prepend?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
append?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
default?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
title?: false | ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
subtitle?: false | ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:prepend"?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
"v-slot:append"?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
"v-slot:default"?: false | ((args_0: ListItemSlot) => vue.VNodeChild) | undefined;
"v-slot:title"?: false | ((args_0: ListItemTitleSlot) => vue.VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((args_0: ListItemSubtitleSlot) => vue.VNodeChild) | undefined;
} & {
onClick?: ((e: MouseEvent | KeyboardEvent) => any) | undefined;
}, {
replace: boolean;
link: boolean;
exact: boolean;
active: boolean;
nav: boolean;
disabled: boolean;
tag: string;
rounded: string | number | boolean;
density: Density;
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
ripple: boolean;
}>;
type VListItem = InstanceType<typeof VListItem>;
declare const VListItemAction: vue.DefineComponent<{
end: boolean;
start: boolean;
tag: string;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
$slots?: {
default?: (() => vue.VNodeChild) | undefined;
} | undefined;
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
end: boolean;
start: boolean;
tag: string;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
$slots?: {
default?: (() => vue.VNodeChild) | undefined;
} | undefined;
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
end: boolean;
start: boolean;
tag: string;
}>;
type VListItemAction = InstanceType<typeof VListItemAction>;
declare const VListItemMedia: vue.DefineComponent<{
end: boolean;
start: boolean;
tag: string;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
$slots?: {
default?: (() => vue.VNodeChild) | undefined;
} | undefined;
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
end: boolean;
start: boolean;
tag: string;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
$slots?: {
default?: (() => vue.VNodeChild) | undefined;
} | undefined;
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
end: boolean;
start: boolean;
tag: string;
}>;
type VListItemMedia = InstanceType<typeof VListItemMedia>;
declare const VListItemSubtitle: vue.DefineComponent<{
tag: string;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
$slots?: {
default?: (() => vue.VNodeChild) | undefined;
} | undefined;
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
tag: string;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
$slots?: {
default?: (() => vue.VNodeChild) | undefined;
} | undefined;
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
tag: string;
}>;
type VListItemSubtitle = InstanceType<typeof VListItemSubtitle>;
declare const VListItemTitle: vue.DefineComponent<{
tag: string;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
$slots?: {
default?: (() => vue.VNodeChild) | undefined;
} | undefined;
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
tag: string;
} & {} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
$slots?: {
default?: (() => vue.VNodeChild) | undefined;
} | undefined;
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
tag: string;
}>;
type VListItemTitle = InstanceType<typeof VListItemTitle>;
declare const VListSubheader: vue.DefineComponent<{
inset: boolean;
tag: string;
sticky: boolean;
} & {
color?: string | undefined;
title?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
$slots?: {
default?: (() => vue.VNodeChild) | undefined;
} | undefined;
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
inset: boolean;
tag: string;
sticky: boolean;
} & {
color?: string | undefined;
title?: string | undefined;
} & {
$children?: vue.VNodeChild | (() => vue.VNodeChild) | {
default?: (() => vue.VNodeChild) | undefined;
};
$slots?: {
default?: (() => vue.VNodeChild) | undefined;
} | undefined;
'v-slots'?: {
default?: false | (() => vue.VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
}, {
inset: boolean;
tag: string;
sticky: boolean;
}>;
type VListSubheader = InstanceType<typeof VListSubheader>;
export { VList, VListGroup, VListImg, VListItem, VListItemAction, VListItemMedia, VListItemSubtitle, VListItemTitle, VListSubheader };