UNPKG

vuetify

Version:

Vue Material Component Framework

625 lines (617 loc) 26.1 kB
import * as vue from 'vue'; import { ComponentInternalInstance, Ref, ComputedRef, ComponentPropsOptions, ExtractPropTypes, JSXComponent, PropType } from 'vue'; // @ts-ignore import * as vue_router from 'vue-router'; interface GroupItem { id: number; value: Ref<unknown>; disabled: Ref<boolean | undefined>; } interface GroupProvide { register: (item: GroupItem, cmp: ComponentInternalInstance) => void; unregister: (id: number) => void; select: (id: number, value: boolean) => void; selected: Ref<Readonly<number[]>>; isSelected: (id: number) => boolean; prev: () => void; next: () => void; selectedClass: Ref<string | undefined>; items: ComputedRef<{ id: number; value: unknown; disabled: boolean | undefined; }[]>; disabled: Ref<boolean | undefined>; getItemIndex: (value: unknown) => number; } type Density = null | 'default' | 'comfortable' | 'compact'; declare const block: readonly ["top", "bottom"]; declare const inline: readonly ["start", "end", "left", "right"]; type Tblock = typeof block[number]; type Tinline = typeof inline[number]; type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`; interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions>, Props = ExtractPropTypes<PropsOptions>> { filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): [yes: Partial<Pick<T, U>>, no: Omit<T, U>]; } type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent; declare const IconValue: PropType<IconValue>; declare const VBtn: { new (...args: any[]): { $: vue.ComponentInternalInstance; $data: {}; $props: { symbol?: any; replace?: boolean | undefined; flat?: boolean | undefined; exact?: boolean | undefined; block?: boolean | undefined; active?: boolean | undefined; style?: vue.StyleValue | undefined; disabled?: boolean | undefined; size?: string | number | undefined; tag?: string | undefined; rounded?: string | number | boolean | undefined; density?: Density | undefined; variant?: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain"> | undefined; stacked?: boolean | undefined; ripple?: boolean | { class: string; } | undefined; key?: string | number | symbol | undefined; location?: Anchor | undefined; height?: string | number | undefined; width?: string | number | 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; position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined; value?: any; loading?: string | boolean | undefined; text?: string | undefined; class?: any; icon?: boolean | IconValue | undefined; $children?: vue.VNodeChild | (() => vue.VNodeChild) | { default?: (() => vue.VNodeChild) | undefined; prepend?: (() => vue.VNodeChild) | undefined; append?: (() => vue.VNodeChild) | undefined; loader?: (() => vue.VNodeChild) | undefined; }; href?: string | undefined; elevation?: string | number | undefined; to?: vue_router.RouteLocationRaw | undefined; ref?: vue.VNodeRef | undefined; ref_for?: boolean | undefined; ref_key?: string | undefined; theme?: string | undefined; "v-slot:default"?: false | (() => vue.VNodeChild) | undefined; 'v-slots'?: { default?: false | (() => vue.VNodeChild) | undefined; prepend?: false | (() => vue.VNodeChild) | undefined; append?: false | (() => vue.VNodeChild) | undefined; loader?: false | (() => vue.VNodeChild) | undefined; } | undefined; onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, { [key: string]: any; }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, { [key: string]: any; }>) => void)[] | undefined; onVnodeMounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, { [key: string]: any; }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, { [key: string]: any; }>) => void)[] | undefined; onVnodeBeforeUpdate?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, { [key: string]: any; }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, { [key: string]: any; }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, { [key: string]: any; }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, { [key: string]: any; }>) => void)[] | undefined; onVnodeUpdated?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, { [key: string]: any; }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, { [key: string]: any; }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, { [key: string]: any; }>, oldVNode: vue.VNode<vue.RendererNode, vue.RendererElement, { [key: string]: any; }>) => void)[] | undefined; onVnodeBeforeUnmount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, { [key: string]: any; }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, { [key: string]: any; }>) => void)[] | undefined; onVnodeUnmounted?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, { [key: string]: any; }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, { [key: string]: any; }>) => void)[] | undefined; "v-slot:append"?: false | (() => vue.VNodeChild) | undefined; "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined; selectedClass?: string | undefined; "onGroup:selected"?: ((val: { value: boolean; }) => any) | undefined; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined; }; $attrs: { [x: string]: unknown; }; $refs: { [x: string]: unknown; }; $slots: Readonly<{ default?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, { [key: string]: any; }>[]) | undefined; prepend?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, { [key: string]: any; }>[]) | undefined; append?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, { [key: string]: any; }>[]) | undefined; loader?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, { [key: string]: any; }>[]) | 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: "group:selected", val: { value: boolean; }) => void; $el: any; $options: vue.ComponentOptionsBase<{ symbol: any; replace: boolean; flat: boolean; exact: boolean; block: boolean; style: vue.StyleValue; disabled: boolean; size: string | number; tag: string; density: Density; variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">; stacked: boolean; ripple: boolean | { class: string; } | undefined; } & { location?: Anchor | 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; position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined; value?: any; loading?: string | boolean | undefined; text?: string | undefined; class?: any; icon?: boolean | IconValue | undefined; href?: string | undefined; elevation?: string | number | undefined; to?: vue_router.RouteLocationRaw | undefined; theme?: string | undefined; rounded?: string | number | boolean | undefined; selectedClass?: string | undefined; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; } & { $children?: vue.VNodeChild | (() => vue.VNodeChild) | { default?: (() => vue.VNodeChild) | undefined; prepend?: (() => vue.VNodeChild) | undefined; append?: (() => vue.VNodeChild) | undefined; loader?: (() => vue.VNodeChild) | undefined; }; 'v-slots'?: { default?: false | (() => vue.VNodeChild) | undefined; prepend?: false | (() => vue.VNodeChild) | undefined; append?: false | (() => vue.VNodeChild) | undefined; loader?: false | (() => vue.VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | (() => vue.VNodeChild) | undefined; "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined; "v-slot:append"?: false | (() => vue.VNodeChild) | undefined; "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined; } & { "onGroup:selected"?: ((val: { value: boolean; }) => any) | undefined; }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, { 'group:selected': (val: { value: boolean; }) => boolean; }, string, { symbol: any; replace: boolean; flat: boolean; exact: boolean; block: boolean; active: boolean; style: vue.StyleValue; disabled: boolean; size: string | number; tag: string; rounded: string | number | boolean; density: Density; variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">; stacked: boolean; ripple: boolean | { class: string; } | undefined; }, {}, string, vue.SlotsType<Partial<{ default: () => vue.VNode<vue.RendererNode, vue.RendererElement, { [key: string]: any; }>[]; prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, { [key: string]: any; }>[]; append: () => vue.VNode<vue.RendererNode, vue.RendererElement, { [key: string]: any; }>[]; loader: () => vue.VNode<vue.RendererNode, vue.RendererElement, { [key: string]: any; }>[]; }>>> & { 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; } & { symbol: any; replace: boolean; flat: boolean; exact: boolean; block: boolean; style: vue.StyleValue; disabled: boolean; size: string | number; tag: string; density: Density; variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">; stacked: boolean; ripple: boolean | { class: string; } | undefined; } & { location?: Anchor | 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; position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined; value?: any; loading?: string | boolean | undefined; text?: string | undefined; class?: any; icon?: boolean | IconValue | undefined; href?: string | undefined; elevation?: string | number | undefined; to?: vue_router.RouteLocationRaw | undefined; theme?: string | undefined; rounded?: string | number | boolean | undefined; selectedClass?: string | undefined; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; } & { $children?: vue.VNodeChild | (() => vue.VNodeChild) | { default?: (() => vue.VNodeChild) | undefined; prepend?: (() => vue.VNodeChild) | undefined; append?: (() => vue.VNodeChild) | undefined; loader?: (() => vue.VNodeChild) | undefined; }; 'v-slots'?: { default?: false | (() => vue.VNodeChild) | undefined; prepend?: false | (() => vue.VNodeChild) | undefined; append?: false | (() => vue.VNodeChild) | undefined; loader?: false | (() => vue.VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | (() => vue.VNodeChild) | undefined; "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined; "v-slot:append"?: false | (() => vue.VNodeChild) | undefined; "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined; } & { "onGroup:selected"?: ((val: { value: boolean; }) => any) | undefined; } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {}; __isFragment?: undefined; __isTeleport?: undefined; __isSuspense?: undefined; } & vue.ComponentOptionsBase<{ symbol: any; replace: boolean; flat: boolean; exact: boolean; block: boolean; style: vue.StyleValue; disabled: boolean; size: string | number; tag: string; density: Density; variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">; stacked: boolean; ripple: boolean | { class: string; } | undefined; } & { location?: Anchor | 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; position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined; value?: any; loading?: string | boolean | undefined; text?: string | undefined; class?: any; icon?: boolean | IconValue | undefined; href?: string | undefined; elevation?: string | number | undefined; to?: vue_router.RouteLocationRaw | undefined; theme?: string | undefined; rounded?: string | number | boolean | undefined; selectedClass?: string | undefined; prependIcon?: IconValue | undefined; appendIcon?: IconValue | undefined; } & { $children?: vue.VNodeChild | (() => vue.VNodeChild) | { default?: (() => vue.VNodeChild) | undefined; prepend?: (() => vue.VNodeChild) | undefined; append?: (() => vue.VNodeChild) | undefined; loader?: (() => vue.VNodeChild) | undefined; }; 'v-slots'?: { default?: false | (() => vue.VNodeChild) | undefined; prepend?: false | (() => vue.VNodeChild) | undefined; append?: false | (() => vue.VNodeChild) | undefined; loader?: false | (() => vue.VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | (() => vue.VNodeChild) | undefined; "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined; "v-slot:append"?: false | (() => vue.VNodeChild) | undefined; "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined; } & { "onGroup:selected"?: ((val: { value: boolean; }) => any) | undefined; }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, { 'group:selected': (val: { value: boolean; }) => boolean; }, string, { symbol: any; replace: boolean; flat: boolean; exact: boolean; block: boolean; active: boolean; style: vue.StyleValue; disabled: boolean; size: string | number; tag: string; rounded: string | number | boolean; density: Density; variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">; stacked: boolean; ripple: boolean | { class: string; } | undefined; }, {}, string, vue.SlotsType<Partial<{ default: () => vue.VNode<vue.RendererNode, vue.RendererElement, { [key: string]: any; }>[]; prepend: () => vue.VNode<vue.RendererNode, vue.RendererElement, { [key: string]: any; }>[]; append: () => vue.VNode<vue.RendererNode, vue.RendererElement, { [key: string]: any; }>[]; loader: () => vue.VNode<vue.RendererNode, vue.RendererElement, { [key: string]: any; }>[]; }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{ 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: Omit<{ type: StringConstructor; default: string; }, "type" | "default"> & { type: PropType<string>; default: string; }; size: { type: (StringConstructor | NumberConstructor)[]; default: string; }; href: StringConstructor; replace: BooleanConstructor; to: PropType<vue_router.RouteLocationRaw>; exact: BooleanConstructor; rounded: { type: (StringConstructor | BooleanConstructor | NumberConstructor)[]; default: undefined; }; position: { type: PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">; validator: (v: any) => boolean; }; location: PropType<Anchor>; loading: (StringConstructor | BooleanConstructor)[]; value: null; disabled: BooleanConstructor; selectedClass: StringConstructor; 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; }; class: PropType<any>; style: { type: PropType<vue.StyleValue>; default: null; }; border: (StringConstructor | BooleanConstructor | NumberConstructor)[]; active: { type: BooleanConstructor; default: undefined; }; symbol: { type: null; default: vue.InjectionKey<GroupProvide>; }; flat: BooleanConstructor; icon: PropType<boolean | IconValue>; prependIcon: PropType<IconValue>; appendIcon: PropType<IconValue>; block: BooleanConstructor; stacked: BooleanConstructor; ripple: { type: PropType<boolean | { class: string; } | undefined>; default: boolean; }; text: StringConstructor; }, vue.ExtractPropTypes<{ 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: Omit<{ type: StringConstructor; default: string; }, "type" | "default"> & { type: PropType<string>; default: string; }; size: { type: (StringConstructor | NumberConstructor)[]; default: string; }; href: StringConstructor; replace: BooleanConstructor; to: PropType<vue_router.RouteLocationRaw>; exact: BooleanConstructor; rounded: { type: (StringConstructor | BooleanConstructor | NumberConstructor)[]; default: undefined; }; position: { type: PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">; validator: (v: any) => boolean; }; location: PropType<Anchor>; loading: (StringConstructor | BooleanConstructor)[]; value: null; disabled: BooleanConstructor; selectedClass: StringConstructor; 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; }; class: PropType<any>; style: { type: PropType<vue.StyleValue>; default: null; }; border: (StringConstructor | BooleanConstructor | NumberConstructor)[]; active: { type: BooleanConstructor; default: undefined; }; symbol: { type: null; default: vue.InjectionKey<GroupProvide>; }; flat: BooleanConstructor; icon: PropType<boolean | IconValue>; prependIcon: PropType<IconValue>; appendIcon: PropType<IconValue>; block: BooleanConstructor; stacked: BooleanConstructor; ripple: { type: PropType<boolean | { class: string; } | undefined>; default: boolean; }; text: StringConstructor; }>>; type VBtn = InstanceType<typeof VBtn>; export { VBtn };