@jsonforms/vue-vuetify
Version:
Vue Vuetify renderers for JSON Forms
1,213 lines (1,212 loc) • 580 kB
TypeScript
import { ControlElement, UISchemaElement, JsonSchema, JsonFormsRendererRegistryEntry, JsonFormsCellRendererRegistryEntry, JsonFormsUISchemaRegistryEntry, ArrayTranslations, Translator } from '@jsonforms/core';
import { ErrorObject } from 'ajv';
import { DefineComponent, Ref, ComputedRef, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, StyleValue, VNodeChild, VNodeProps, AllowedComponentProps, ComponentCustomProps, SlotsType, VNode, GlobalComponents, GlobalDirectives, ComponentOptionsBase, RendererNode, RendererElement, TransitionProps, Component, ComponentPublicInstance, ComponentInternalInstance, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, Prop, InjectionKey } from 'vue';
import { IconAliases, Styles } from '..';
import { JSXComponent, Anchor, FilterPropsOptions, TemplateRef } from 'vuetify/lib/util/index.mjs';
import { Density } from 'vuetify/lib/composables/density.mjs';
import { RouteLocationAsRelativeGeneric, RouteLocationAsPathGeneric, RouteLocationRaw } from 'vue-router';
import { IconValue } from 'vuetify/lib/composables/icons.mjs';
import { LoaderSlotProps } from 'vuetify/lib/composables/loader.mjs';
import { JSXComponent, Anchor, LocationStrategyFunction, ScrollStrategyFunction } from 'vuetify/lib/types.mjs';
import { FilterPropsOptions } from 'vuetify/lib/util/defineComponent.mjs';
import { Variant } from 'vuetify/lib/composables/variant.mjs';
import { ClassValue } from 'vuetify/lib/composables/component.mjs';
import { RippleDirectiveBinding } from 'vuetify/directives/ripple';
import { LocationStrategyFunction, StrategyProps } from 'vuetify/lib/components/VOverlay/locationStrategies.mjs';
import { ScrollStrategyFunction, StrategyProps } from 'vuetify/lib/components/VOverlay/scrollStrategies.mjs';
import { OnCleanup } from '@vue/reactivity';
import { ALIGN_CONTENT_VALUES, ALIGN_VALUES } from 'vuetify/lib/components/VGrid/VRow.mjs';
import { ALIGN_SELF_VALUES } from 'vuetify/lib/components/VGrid/VCol.mjs';
import { Density } from 'vuetify/lib/components/VToolbar/VToolbar.mjs';
import { GroupItemProvide, GroupProvide } from 'vuetify/lib/composables/group.mjs';
import { VExpansionPanelSlot, Variant } from 'vuetify/lib/components/VExpansionPanel/VExpansionPanels.mjs';
import { ExpansionPanelTitleSlot } from 'vuetify/lib/components/VExpansionPanel/VExpansionPanelTitle.mjs';
declare const controlRenderer: DefineComponent<{
schema: JsonSchema;
uischema: ControlElement;
path: string;
enabled?: boolean | undefined;
renderers?: JsonFormsRendererRegistryEntry[] | undefined;
cells?: JsonFormsCellRendererRegistryEntry[] | undefined;
config?: any;
}, {
currentlyExpanded: Ref<number | null, number | null>;
expansionPanelsProps: ComputedRef<any>;
suggestToDelete: Ref<number | null, number | null>;
icons: {
current: ComputedRef<IconAliases>;
};
control: ComputedRef<{
arraySchema: NonNullable< JsonSchema>;
childErrors: ErrorObject[];
uischemas: JsonFormsUISchemaRegistryEntry[];
renderers: JsonFormsRendererRegistryEntry[];
cells: JsonFormsCellRendererRegistryEntry[];
label: string;
description: string;
required: NonNullable<boolean | undefined>;
i18nKeyPrefix: string;
uischema: ControlElement;
errors: string;
data: any;
rootSchema: NonNullable< JsonSchema>;
id: string;
config: any;
schema: NonNullable< JsonSchema>;
enabled: boolean;
visible: boolean;
path: string;
}> & ComputedRef<{
label: string;
required: boolean;
config: any;
uischema: UISchemaElement;
schema: JsonSchema;
data: any;
childErrors: ErrorObject[];
i18nKeyPrefix: string;
} & {
childErrors: ErrorObject<string, Record<string, any>, unknown>[];
translations: ArrayTranslations;
}>;
addItem(path: string, value: any): () => void;
removeItems?(path: string, toDelete: number[]): () => void;
moveUp?(path: string, toMove: number): () => void;
moveDown?(path: string, toMove: number): () => void;
styles: Styles;
appliedOptions: ComputedRef<any>;
childLabelForIndex: (index: number | null) => string;
computedLabel: ComputedRef<string>;
vuetifyProps: (path: string) => any;
rawChildErrors: ErrorObject<string, Record<string, any>, unknown>[];
}, {}, {
addDisabled(): boolean;
dataLength(): number;
foundUISchema(): UISchemaElement;
hideAvatar(): boolean;
}, {
composePaths: (path1: string, path2: string) => string;
createDefaultValue: (schema: JsonSchema, rootSchema: JsonSchema) => any;
addButtonClick(): void;
moveUpClick(event: Event, toMove: number): void;
moveDownClick(event: Event, toMove: number): void;
removeItemsClick(toDelete: number[] | null): void;
childErrors(index: number): ErrorObject[];
}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
schema: JsonSchema;
uischema: ControlElement;
path: string;
enabled?: boolean | undefined;
renderers?: JsonFormsRendererRegistryEntry[] | undefined;
cells?: JsonFormsCellRendererRegistryEntry[] | undefined;
config?: any;
}> & Readonly<{}>, {
enabled: boolean;
renderers: JsonFormsRendererRegistryEntry[];
cells: JsonFormsCellRendererRegistryEntry[];
config: Record<string, any>;
}, {}, {
DispatchRenderer: DefineComponent<ExtractPropTypes<{
schema: {
required: true;
type: PropType<JsonSchema>;
};
uischema: {
required: true;
type: PropType<UISchemaElement>;
};
path: {
required: true;
type: StringConstructor;
};
enabled: {
required: false;
type: BooleanConstructor;
default: undefined;
};
renderers: {
required: boolean;
type: PropType< JsonFormsRendererRegistryEntry[]>;
default: undefined;
};
cells: {
required: boolean;
type: PropType< JsonFormsCellRendererRegistryEntry[]>;
default: undefined;
};
config: {
required: boolean;
type: ObjectConstructor;
default: undefined;
};
}>, {
renderer: ComputedRef<{
config: any;
uischema: NonNullable< UISchemaElement | undefined>;
schema: NonNullable< JsonSchema | undefined>;
enabled: NonNullable<boolean | undefined>;
visible: NonNullable<boolean | undefined>;
path: string;
renderers: JsonFormsRendererRegistryEntry[];
cells: JsonFormsCellRendererRegistryEntry[];
uischemas: JsonFormsUISchemaRegistryEntry[];
}>;
rootSchema: ComputedRef<NonNullable< JsonSchema>>;
}, {}, {
determinedRenderer(): any;
}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
schema: {
required: true;
type: PropType<JsonSchema>;
};
uischema: {
required: true;
type: PropType<UISchemaElement>;
};
path: {
required: true;
type: StringConstructor;
};
enabled: {
required: false;
type: BooleanConstructor;
default: undefined;
};
renderers: {
required: boolean;
type: PropType< JsonFormsRendererRegistryEntry[]>;
default: undefined;
};
cells: {
required: boolean;
type: PropType< JsonFormsCellRendererRegistryEntry[]>;
default: undefined;
};
config: {
required: boolean;
type: ObjectConstructor;
default: undefined;
};
}>> & Readonly<{}>, {
enabled: boolean;
renderers: JsonFormsRendererRegistryEntry[];
cells: JsonFormsCellRendererRegistryEntry[];
config: Record<string, any>;
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
VCard: {
new (...args: any[]): CreateComponentPublicInstanceWithMixins<{
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
style: StyleValue;
disabled: boolean;
tag: string | JSXComponent;
density: Density;
tile: boolean;
ripple: boolean | {
class?: string;
keys?: number[];
} | undefined;
hover: boolean;
} & {
link?: boolean | undefined;
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
loading?: string | boolean | undefined;
title?: string | number | boolean | undefined;
image?: string | undefined;
text?: string | number | boolean | undefined;
class?: any;
theme?: string | undefined;
to?: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
appendAvatar?: string | undefined;
prependAvatar?: string | undefined;
subtitle?: string | number | boolean | undefined;
} & {
$children?: VNodeChild | (() => VNodeChild) | {
default?: (() => VNodeChild) | undefined;
prepend?: (() => VNodeChild) | undefined;
append?: (() => VNodeChild) | undefined;
title?: (() => VNodeChild) | undefined;
subtitle?: (() => VNodeChild) | undefined;
actions?: (() => VNodeChild) | undefined;
text?: (() => VNodeChild) | undefined;
loader?: ((arg: LoaderSlotProps) => VNodeChild) | undefined;
image?: (() => VNodeChild) | undefined;
item?: (() => VNodeChild) | undefined;
};
"v-slots"?: {
default?: false | (() => VNodeChild) | undefined;
prepend?: false | (() => VNodeChild) | undefined;
append?: false | (() => VNodeChild) | undefined;
title?: false | (() => VNodeChild) | undefined;
subtitle?: false | (() => VNodeChild) | undefined;
actions?: false | (() => VNodeChild) | undefined;
text?: false | (() => VNodeChild) | undefined;
loader?: false | ((arg: LoaderSlotProps) => VNodeChild) | undefined;
image?: false | (() => VNodeChild) | undefined;
item?: false | (() => VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => VNodeChild) | undefined;
"v-slot:append"?: false | (() => VNodeChild) | undefined;
"v-slot:title"?: false | (() => VNodeChild) | undefined;
"v-slot:subtitle"?: false | (() => VNodeChild) | undefined;
"v-slot:actions"?: false | (() => VNodeChild) | undefined;
"v-slot:text"?: false | (() => VNodeChild) | undefined;
"v-slot:loader"?: false | ((arg: LoaderSlotProps) => VNodeChild) | undefined;
"v-slot:image"?: false | (() => VNodeChild) | undefined;
"v-slot:item"?: false | (() => VNodeChild) | undefined;
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
replace: boolean;
link: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
style: StyleValue;
title: string | number | boolean;
text: string | number | boolean;
disabled: boolean;
tag: string | JSXComponent;
density: Density;
rounded: string | number | boolean;
tile: boolean;
ripple: boolean | {
class?: string;
keys?: number[];
} | undefined;
subtitle: string | number | boolean;
hover: boolean;
}, true, {}, SlotsType<Partial<{
default: () => VNode[];
prepend: () => VNode[];
append: () => VNode[];
title: () => VNode[];
subtitle: () => VNode[];
actions: () => VNode[];
text: () => VNode[];
loader: (arg: LoaderSlotProps) => VNode[];
image: () => VNode[];
item: () => VNode[];
}>>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
style: StyleValue;
disabled: boolean;
tag: string | JSXComponent;
density: Density;
tile: boolean;
ripple: boolean | {
class?: string;
keys?: number[];
} | undefined;
hover: boolean;
} & {
link?: boolean | undefined;
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
loading?: string | boolean | undefined;
title?: string | number | boolean | undefined;
image?: string | undefined;
text?: string | number | boolean | undefined;
class?: any;
theme?: string | undefined;
to?: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
appendAvatar?: string | undefined;
prependAvatar?: string | undefined;
subtitle?: string | number | boolean | undefined;
} & {
$children?: VNodeChild | (() => VNodeChild) | {
default?: (() => VNodeChild) | undefined;
prepend?: (() => VNodeChild) | undefined;
append?: (() => VNodeChild) | undefined;
title?: (() => VNodeChild) | undefined;
subtitle?: (() => VNodeChild) | undefined;
actions?: (() => VNodeChild) | undefined;
text?: (() => VNodeChild) | undefined;
loader?: ((arg: LoaderSlotProps) => VNodeChild) | undefined;
image?: (() => VNodeChild) | undefined;
item?: (() => VNodeChild) | undefined;
};
"v-slots"?: {
default?: false | (() => VNodeChild) | undefined;
prepend?: false | (() => VNodeChild) | undefined;
append?: false | (() => VNodeChild) | undefined;
title?: false | (() => VNodeChild) | undefined;
subtitle?: false | (() => VNodeChild) | undefined;
actions?: false | (() => VNodeChild) | undefined;
text?: false | (() => VNodeChild) | undefined;
loader?: false | ((arg: LoaderSlotProps) => VNodeChild) | undefined;
image?: false | (() => VNodeChild) | undefined;
item?: false | (() => VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => VNodeChild) | undefined;
"v-slot:append"?: false | (() => VNodeChild) | undefined;
"v-slot:title"?: false | (() => VNodeChild) | undefined;
"v-slot:subtitle"?: false | (() => VNodeChild) | undefined;
"v-slot:actions"?: false | (() => VNodeChild) | undefined;
"v-slot:text"?: false | (() => VNodeChild) | undefined;
"v-slot:loader"?: false | ((arg: LoaderSlotProps) => VNodeChild) | undefined;
"v-slot:image"?: false | (() => VNodeChild) | undefined;
"v-slot:item"?: false | (() => VNodeChild) | undefined;
}, {}, {}, {}, {}, {
replace: boolean;
link: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
style: StyleValue;
title: string | number | boolean;
text: string | number | boolean;
disabled: boolean;
tag: string | JSXComponent;
density: Density;
rounded: string | number | boolean;
tile: boolean;
ripple: boolean | {
class?: string;
keys?: number[];
} | undefined;
subtitle: string | number | boolean;
hover: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & ComponentOptionsBase<{
replace: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
style: StyleValue;
disabled: boolean;
tag: string | JSXComponent;
density: Density;
tile: boolean;
ripple: boolean | {
class?: string;
keys?: number[];
} | undefined;
hover: boolean;
} & {
link?: boolean | undefined;
location?: Anchor | null | 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" | "relative" | "static" | "sticky" | undefined;
loading?: string | boolean | undefined;
title?: string | number | boolean | undefined;
image?: string | undefined;
text?: string | number | boolean | undefined;
class?: any;
theme?: string | undefined;
to?: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric | undefined;
href?: string | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
prependIcon?: IconValue | undefined;
appendIcon?: IconValue | undefined;
appendAvatar?: string | undefined;
prependAvatar?: string | undefined;
subtitle?: string | number | boolean | undefined;
} & {
$children?: VNodeChild | (() => VNodeChild) | {
default?: (() => VNodeChild) | undefined;
prepend?: (() => VNodeChild) | undefined;
append?: (() => VNodeChild) | undefined;
title?: (() => VNodeChild) | undefined;
subtitle?: (() => VNodeChild) | undefined;
actions?: (() => VNodeChild) | undefined;
text?: (() => VNodeChild) | undefined;
loader?: ((arg: LoaderSlotProps) => VNodeChild) | undefined;
image?: (() => VNodeChild) | undefined;
item?: (() => VNodeChild) | undefined;
};
'v-slots'?: {
default?: false | (() => VNodeChild) | undefined;
prepend?: false | (() => VNodeChild) | undefined;
append?: false | (() => VNodeChild) | undefined;
title?: false | (() => VNodeChild) | undefined;
subtitle?: false | (() => VNodeChild) | undefined;
actions?: false | (() => VNodeChild) | undefined;
text?: false | (() => VNodeChild) | undefined;
loader?: false | ((arg: LoaderSlotProps) => VNodeChild) | undefined;
image?: false | (() => VNodeChild) | undefined;
item?: false | (() => VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => VNodeChild) | undefined;
"v-slot:prepend"?: false | (() => VNodeChild) | undefined;
"v-slot:append"?: false | (() => VNodeChild) | undefined;
"v-slot:title"?: false | (() => VNodeChild) | undefined;
"v-slot:subtitle"?: false | (() => VNodeChild) | undefined;
"v-slot:actions"?: false | (() => VNodeChild) | undefined;
"v-slot:text"?: false | (() => VNodeChild) | undefined;
"v-slot:loader"?: false | ((arg: LoaderSlotProps) => VNodeChild) | undefined;
"v-slot:image"?: false | (() => VNodeChild) | undefined;
"v-slot:item"?: false | (() => VNodeChild) | undefined;
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, {
replace: boolean;
link: boolean;
flat: boolean;
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
exact: boolean;
style: StyleValue;
title: string | number | boolean;
text: string | number | boolean;
disabled: boolean;
tag: string | JSXComponent;
density: Density;
rounded: string | number | boolean;
tile: boolean;
ripple: boolean | {
class?: string;
keys?: number[];
} | undefined;
subtitle: string | number | boolean;
hover: boolean;
}, {}, string, SlotsType<Partial<{
default: () => VNode[];
prepend: () => VNode[];
append: () => VNode[];
title: () => VNode[];
subtitle: () => VNode[];
actions: () => VNode[];
text: () => VNode[];
loader: (arg: LoaderSlotProps) => VNode[];
image: () => VNode[];
item: () => VNode[];
}>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & FilterPropsOptions<{
color: StringConstructor;
variant: Omit<{
type: PropType<Variant>;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
};
theme: StringConstructor;
tag: {
type: PropType<string | JSXComponent>;
default: string;
};
href: StringConstructor;
replace: BooleanConstructor;
to: PropType<RouteLocationRaw>;
exact: BooleanConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
position: {
type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
validator: (v: any) => boolean;
};
location: PropType< Anchor | null>;
loading: (StringConstructor | BooleanConstructor)[];
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<ClassValue>;
style: {
type: PropType<StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
appendAvatar: StringConstructor;
appendIcon: PropType<IconValue>;
disabled: BooleanConstructor;
flat: BooleanConstructor;
hover: BooleanConstructor;
image: StringConstructor;
link: {
type: BooleanConstructor;
default: undefined;
};
prependAvatar: StringConstructor;
prependIcon: PropType<IconValue>;
ripple: {
type: PropType< RippleDirectiveBinding["value"]>;
default: boolean;
};
subtitle: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
text: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
title: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
}, ExtractPropTypes<{
color: StringConstructor;
variant: Omit<{
type: PropType<Variant>;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
};
theme: StringConstructor;
tag: {
type: PropType<string | JSXComponent>;
default: string;
};
href: StringConstructor;
replace: BooleanConstructor;
to: PropType<RouteLocationRaw>;
exact: BooleanConstructor;
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
position: {
type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
validator: (v: any) => boolean;
};
location: PropType< Anchor | null>;
loading: (StringConstructor | BooleanConstructor)[];
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<ClassValue>;
style: {
type: PropType<StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
appendAvatar: StringConstructor;
appendIcon: PropType<IconValue>;
disabled: BooleanConstructor;
flat: BooleanConstructor;
hover: BooleanConstructor;
image: StringConstructor;
link: {
type: BooleanConstructor;
default: undefined;
};
prependAvatar: StringConstructor;
prependIcon: PropType<IconValue>;
ripple: {
type: PropType< RippleDirectiveBinding["value"]>;
default: boolean;
};
subtitle: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
text: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
title: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
}>>;
VCardActions: {
new (...args: any[]): CreateComponentPublicInstanceWithMixins<{
style: StyleValue;
} & {
class?: any;
} & {
$children?: VNodeChild | {
default?: (() => VNodeChild) | undefined;
} | (() => VNodeChild);
"v-slots"?: {
default?: false | (() => VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => VNodeChild) | undefined;
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
style: StyleValue;
}, true, {}, SlotsType<Partial<{
default: () => VNode[];
}>>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: StyleValue;
} & {
class?: any;
} & {
$children?: VNodeChild | {
default?: (() => VNodeChild) | undefined;
} | (() => VNodeChild);
"v-slots"?: {
default?: false | (() => VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: StyleValue;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & ComponentOptionsBase<{
style: StyleValue;
} & {
class?: any;
} & {
$children?: VNodeChild | {
default?: (() => VNodeChild) | undefined;
} | (() => VNodeChild);
'v-slots'?: {
default?: false | (() => VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => VNodeChild) | undefined;
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, {
style: StyleValue;
}, {}, string, SlotsType<Partial<{
default: () => VNode[];
}>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & FilterPropsOptions<{
class: PropType<ClassValue>;
style: {
type: PropType<StyleValue>;
default: null;
};
}, ExtractPropTypes<{
class: PropType<ClassValue>;
style: {
type: PropType<StyleValue>;
default: null;
};
}>>;
VCardTitle: {
new (...args: any[]): CreateComponentPublicInstanceWithMixins<{
style: StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: VNodeChild | {
default?: (() => VNodeChild) | undefined;
} | (() => VNodeChild);
"v-slots"?: {
default?: false | (() => VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => VNodeChild) | undefined;
}, () => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
style: StyleValue;
tag: string;
}, true, {}, SlotsType<Partial<{
default: () => VNode[];
}>>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: VNodeChild | {
default?: (() => VNodeChild) | undefined;
} | (() => VNodeChild);
"v-slots"?: {
default?: false | (() => VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => VNodeChild) | undefined;
}, () => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>, {}, {}, {}, {
style: StyleValue;
tag: string;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & ComponentOptionsBase<{
style: StyleValue;
tag: string;
} & {
class?: any;
} & {
$children?: VNodeChild | {
default?: (() => VNodeChild) | undefined;
} | (() => VNodeChild);
'v-slots'?: {
default?: false | (() => VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => VNodeChild) | undefined;
}, () => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, {
style: StyleValue;
tag: string;
}, {}, string, SlotsType<Partial<{
default: () => VNode[];
}>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & FilterPropsOptions<{
class: PropType<ClassValue>;
style: {
type: PropType<StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}, ExtractPropTypes<{
class: PropType<ClassValue>;
style: {
type: PropType<StyleValue>;
default: null;
};
tag: {
type: StringConstructor;
default: string;
};
}>>;
VCardText: {
new (...args: any[]): CreateComponentPublicInstanceWithMixins<{
style: StyleValue;
tag: string | JSXComponent;
} & {
opacity?: string | number | undefined;
class?: any;
} & {
$children?: VNodeChild | {
default?: (() => VNodeChild) | undefined;
} | (() => VNodeChild);
"v-slots"?: {
default?: false | (() => VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => VNodeChild) | undefined;
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
style: StyleValue;
tag: string | JSXComponent;
}, true, {}, SlotsType<Partial<{
default: () => VNode[];
}>>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: StyleValue;
tag: string | JSXComponent;
} & {
opacity?: string | number | undefined;
class?: any;
} & {
$children?: VNodeChild | {
default?: (() => VNodeChild) | undefined;
} | (() => VNodeChild);
"v-slots"?: {
default?: false | (() => VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => VNodeChild) | undefined;
}, {}, {}, {}, {}, {
style: StyleValue;
tag: string | JSXComponent;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & ComponentOptionsBase<{
style: StyleValue;
tag: string | JSXComponent;
} & {
opacity?: string | number | undefined;
class?: any;
} & {
$children?: VNodeChild | {
default?: (() => VNodeChild) | undefined;
} | (() => VNodeChild);
'v-slots'?: {
default?: false | (() => VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => VNodeChild) | undefined;
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, {
style: StyleValue;
tag: string | JSXComponent;
}, {}, string, SlotsType<Partial<{
default: () => VNode[];
}>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & FilterPropsOptions<{
tag: {
type: PropType<string | JSXComponent>;
default: string;
};
class: PropType<ClassValue>;
style: {
type: PropType<StyleValue>;
default: null;
};
opacity: (StringConstructor | NumberConstructor)[];
}, ExtractPropTypes<{
tag: {
type: PropType<string | JSXComponent>;
default: string;
};
class: PropType<ClassValue>;
style: {
type: PropType<StyleValue>;
default: null;
};
opacity: (StringConstructor | NumberConstructor)[];
}>>;
VAvatar: {
new (...args: any[]): CreateComponentPublicInstanceWithMixins<{
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
end: boolean;
start: boolean;
style: StyleValue;
size: string | number;
tag: string | JSXComponent;
density: Density;
tile: boolean;
} & {
border?: string | number | boolean | undefined;
color?: string | undefined;
image?: string | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
icon?: IconValue | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: VNodeChild | {
default?: (() => VNodeChild) | undefined;
} | (() => VNodeChild);
"v-slots"?: {
default?: false | (() => VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => VNodeChild) | undefined;
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
end: boolean;
start: boolean;
style: StyleValue;
size: string | number;
tag: string | JSXComponent;
density: Density;
rounded: string | number | boolean;
tile: boolean;
}, true, {}, SlotsType<Partial<{
default: () => VNode[];
}>>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
end: boolean;
start: boolean;
style: StyleValue;
size: string | number;
tag: string | JSXComponent;
density: Density;
tile: boolean;
} & {
border?: string | number | boolean | undefined;
color?: string | undefined;
image?: string | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
icon?: IconValue | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: VNodeChild | {
default?: (() => VNodeChild) | undefined;
} | (() => VNodeChild);
"v-slots"?: {
default?: false | (() => VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => VNodeChild) | undefined;
}, {}, {}, {}, {}, {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
end: boolean;
start: boolean;
style: StyleValue;
size: string | number;
tag: string | JSXComponent;
density: Density;
rounded: string | number | boolean;
tile: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & ComponentOptionsBase<{
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
end: boolean;
start: boolean;
style: StyleValue;
size: string | number;
tag: string | JSXComponent;
density: Density;
tile: boolean;
} & {
border?: string | number | boolean | undefined;
color?: string | undefined;
image?: string | undefined;
text?: string | undefined;
class?: any;
theme?: string | undefined;
icon?: IconValue | undefined;
rounded?: string | number | boolean | undefined;
} & {
$children?: VNodeChild | {
default?: (() => VNodeChild) | undefined;
} | (() => VNodeChild);
'v-slots'?: {
default?: false | (() => VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => VNodeChild) | undefined;
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, {
variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
end: boolean;
start: boolean;
style: StyleValue;
size: string | number;
tag: string | JSXComponent;
density: Density;
rounded: string | number | boolean;
tile: boolean;
}, {}, string, SlotsType<Partial<{
default: () => VNode[];
}>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & FilterPropsOptions<{
color: StringConstructor;
variant: Omit<{
type: PropType<Variant>;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
};
theme: StringConstructor;
tag: {
type: PropType<string | JSXComponent>;
default: string;
};
size: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: PropType<ClassValue>;
style: {
type: PropType<StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
start: BooleanConstructor;
end: BooleanConstructor;
icon: PropType<IconValue>;
image: StringConstructor;
text: StringConstructor;
}, ExtractPropTypes<{
color: StringConstructor;
variant: Omit<{
type: PropType<Variant>;
default: string;
validator: (v: any) => boolean;
}, "type" | "default"> & {
type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
};
theme: StringConstructor;
tag: {
type: PropType<string | JSXComponent>;
default: string;
};
size: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
rounded: {
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
density: {
type: PropType<Density>;
default: string;
validator: (v: any) => boolean;
};
class: PropType<ClassValue>;
style: {
type: PropType<StyleValue>;
default: null;
};
border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
start: BooleanConstructor;
end: BooleanConstructor;
icon: PropType<IconValue>;
image: StringConstructor;
text: StringConstructor;
}>>;
VDialog: {
new (...args: any[]): CreateComponentPublicInstanceWithMixins<{
absolute: boolean;
location: Anchor;
origin: "auto" | Anchor | "overlap";
transition: string | boolean | ( TransitionProps & {
component?: Component;
}) | {
component: {
new (...args: any[]): CreateComponentPublicInstanceWithMixins<{} & {
target?: HTMLElement | [x: number, y: number] | undefined;
} & {
$children?: VNodeChild | {
default?: (() => VNodeChild) | undefined;
} | (() => VNodeChild);
"v-slots"?: {
default?: false | (() => VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => VNodeChild) | undefined;
}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, VNodeProps & AllowedComponentProps & ComponentCustomProps, {}, true, {}, SlotsType<Partial<{
default: () => VNode[];
}>>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {} & {
target?: HTMLElement | [x: number, y: number] | undefined;
} & {
$children?: VNodeChild | {
default?: (() => VNodeChild) | undefined;
} | (() => VNodeChild);
"v-slots"?: {
default?: false | (() => VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => VNodeChild) | undefined;
}, () => JSX.Element, {}, {}, {}, {}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & ComponentOptionsBase<{} & {
target?: HTMLElement | [x: number, y: number] | undefined;
} & {
$children?: VNodeChild | {
default?: (() => VNodeChild) | undefined;
} | (() => VNodeChild);
"v-slots"?: {
default?: false | (() => VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:default"?: false | (() => VNodeChild) | undefined;
}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, {}, {}, string, SlotsType<Partial<{
default: () => VNode[];
}>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & FilterPropsOptions<{
target: PropType<HTMLElement | [x: number, y: number]>;
}, ExtractPropTypes<{
target: Pr