UNPKG

@jsonforms/vue-vuetify

Version:

Vue Vuetify renderers for JSON Forms

906 lines (904 loc) 37 kB
import { Layout, JsonSchema, JsonFormsRendererRegistryEntry, JsonFormsCellRendererRegistryEntry, UISchemaElement, JsonFormsUISchemaRegistryEntry } from '@jsonforms/core'; import { DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, StyleValue, CSSProperties, VNodeChild, VNodeProps, AllowedComponentProps, ComponentCustomProps, SlotsType, VNode, RendererNode, RendererElement, GlobalComponents, GlobalDirectives, ComponentOptionsBase } from 'vue'; import { Styles } from '..'; import { Density } from 'vuetify/lib/composables/density.mjs'; import { JSXComponent, Anchor } from 'vuetify/lib/types.mjs'; import { RouteLocationAsPathGeneric, RouteLocationAsRelativeGeneric } from 'vue-router'; import { IconValue } from 'vuetify/lib/composables/icons.mjs'; import { LoaderSlotProps } from 'vuetify/lib/composables/loader.mjs'; import { FilterPropsOptions } from 'vuetify/lib/util/defineComponent.mjs'; declare const layoutRenderer: DefineComponent<{ schema: JsonSchema; uischema: Layout; path: string; enabled?: boolean | undefined; readonly?: boolean | undefined; renderers?: JsonFormsRendererRegistryEntry[] | undefined; cells?: JsonFormsCellRendererRegistryEntry[] | undefined; config?: any; }, { layout: ComputedRef<{ uischema: NonNullable<Layout & UISchemaElement>; schema: NonNullable< JsonSchema>; path: string; enabled: boolean; readonly: NonNullable<boolean | undefined>; renderers: JsonFormsRendererRegistryEntry[]; cells: JsonFormsCellRendererRegistryEntry[]; config: any; direction: NonNullable<"row" | "column">; label: string; data: any; visible: boolean; }>; } & { styles: Styles; appliedOptions: ComputedRef<any>; vuetifyProps: (path: string) => any; }, {}, { bare(): boolean; alignLeft(): boolean; classes(): string; }, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{ schema: JsonSchema; uischema: Layout; path: string; enabled?: boolean | undefined; readonly?: boolean | undefined; renderers?: JsonFormsRendererRegistryEntry[] | undefined; cells?: JsonFormsCellRendererRegistryEntry[] | undefined; config?: any; }> & Readonly<{}>, { enabled: boolean; readonly: 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; }; readonly: { 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>; readonly: 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; }; readonly: { 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; readonly: boolean; renderers: JsonFormsRendererRegistryEntry[]; cells: JsonFormsCellRendererRegistryEntry[]; config: Record<string, any>; }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>; VCard: { new (...args: any[]): CreateComponentPublicInstanceWithMixins<{ style: string | false | StyleValue[] | CSSProperties | null; density: Density; tile: boolean; tag: string | JSXComponent; variant: "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal"; replace: boolean; exact: boolean; disabled: boolean; flat: boolean; hover: boolean; ripple: boolean | { class?: string | undefined; keys?: string[] | undefined; }; } & { theme?: string | undefined; class?: any; border?: string | number | boolean | undefined; elevation?: string | number | undefined; rounded?: string | number | boolean | undefined; color?: string | undefined; height?: string | number | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; width?: string | number | undefined; location?: Anchor | null | undefined; loading?: string | boolean | undefined; position?: "absolute" | "fixed" | "relative" | "static" | "sticky" | undefined; href?: string | undefined; to?: string | RouteLocationAsPathGeneric | RouteLocationAsRelativeGeneric | undefined; appendAvatar?: string | undefined; appendIcon?: IconValue | undefined; image?: string | undefined; link?: boolean | undefined; prependAvatar?: string | undefined; prependIcon?: IconValue | undefined; subtitle?: string | number | boolean | undefined; text?: string | number | boolean | undefined; title?: string | number | boolean | undefined; } & { $children?: { 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; } | { $stable?: boolean | undefined; } | (() => VNodeChild) | VNodeChild; "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:actions"?: false | (() => VNodeChild) | undefined; "v-slot:append"?: false | (() => VNodeChild) | undefined; "v-slot:default"?: false | (() => VNodeChild) | undefined; "v-slot:image"?: false | (() => VNodeChild) | undefined; "v-slot:item"?: false | (() => VNodeChild) | undefined; "v-slot:loader"?: false | ((arg: LoaderSlotProps) => VNodeChild) | undefined; "v-slot:prepend"?: false | (() => VNodeChild) | undefined; "v-slot:subtitle"?: false | (() => VNodeChild) | undefined; "v-slot:text"?: false | (() => VNodeChild) | undefined; "v-slot:title"?: false | (() => VNodeChild) | undefined; }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, VNodeProps & AllowedComponentProps & ComponentCustomProps, { style: StyleValue; density: Density; rounded: string | number | boolean; tile: boolean; tag: string | JSXComponent; variant: "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal"; replace: boolean; exact: boolean; disabled: boolean; flat: boolean; hover: boolean; link: boolean; ripple: boolean | { class?: string | undefined; keys?: string[] | undefined; } | undefined; subtitle: string | number | boolean; text: string | number | boolean; title: string | number | boolean; }, true, {}, SlotsType<Partial<{ default: () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; prepend: () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; append: () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; title: () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; subtitle: () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; actions: () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; text: () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; loader: (arg: LoaderSlotProps) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; image: () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; item: () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; }>>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, { style: string | false | StyleValue[] | CSSProperties | null; density: Density; tile: boolean; tag: string | JSXComponent; variant: "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal"; replace: boolean; exact: boolean; disabled: boolean; flat: boolean; hover: boolean; ripple: boolean | { class?: string | undefined; keys?: string[] | undefined; }; } & { theme?: string | undefined; class?: any; border?: string | number | boolean | undefined; elevation?: string | number | undefined; rounded?: string | number | boolean | undefined; color?: string | undefined; height?: string | number | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; width?: string | number | undefined; location?: Anchor | null | undefined; loading?: string | boolean | undefined; position?: "absolute" | "fixed" | "relative" | "static" | "sticky" | undefined; href?: string | undefined; to?: string | RouteLocationAsPathGeneric | RouteLocationAsRelativeGeneric | undefined; appendAvatar?: string | undefined; appendIcon?: IconValue | undefined; image?: string | undefined; link?: boolean | undefined; prependAvatar?: string | undefined; prependIcon?: IconValue | undefined; subtitle?: string | number | boolean | undefined; text?: string | number | boolean | undefined; title?: string | number | boolean | undefined; } & { $children?: { 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; } | { $stable?: boolean | undefined; } | (() => VNodeChild) | VNodeChild; "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:actions"?: false | (() => VNodeChild) | undefined; "v-slot:append"?: false | (() => VNodeChild) | undefined; "v-slot:default"?: false | (() => VNodeChild) | undefined; "v-slot:image"?: false | (() => VNodeChild) | undefined; "v-slot:item"?: false | (() => VNodeChild) | undefined; "v-slot:loader"?: false | ((arg: LoaderSlotProps) => VNodeChild) | undefined; "v-slot:prepend"?: false | (() => VNodeChild) | undefined; "v-slot:subtitle"?: false | (() => VNodeChild) | undefined; "v-slot:text"?: false | (() => VNodeChild) | undefined; "v-slot:title"?: false | (() => VNodeChild) | undefined; }, {}, {}, {}, {}, { style: StyleValue; density: Density; rounded: string | number | boolean; tile: boolean; tag: string | JSXComponent; variant: "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal"; replace: boolean; exact: boolean; disabled: boolean; flat: boolean; hover: boolean; link: boolean; ripple: boolean | { class?: string | undefined; keys?: string[] | undefined; } | undefined; subtitle: string | number | boolean; text: string | number | boolean; title: string | number | boolean; }>; __isFragment?: undefined; __isTeleport?: undefined; __isSuspense?: undefined; } & ComponentOptionsBase<{ style: string | false | StyleValue[] | CSSProperties | null; density: Density; tile: boolean; tag: string | JSXComponent; variant: "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal"; replace: boolean; exact: boolean; disabled: boolean; flat: boolean; hover: boolean; ripple: boolean | { class?: string | undefined; keys?: string[] | undefined; }; } & { theme?: string | undefined; class?: any; border?: string | number | boolean | undefined; elevation?: string | number | undefined; rounded?: string | number | boolean | undefined; color?: string | undefined; height?: string | number | undefined; maxHeight?: string | number | undefined; maxWidth?: string | number | undefined; minHeight?: string | number | undefined; minWidth?: string | number | undefined; width?: string | number | undefined; location?: Anchor | null | undefined; loading?: string | boolean | undefined; position?: "absolute" | "fixed" | "relative" | "static" | "sticky" | undefined; href?: string | undefined; to?: string | RouteLocationAsPathGeneric | RouteLocationAsRelativeGeneric | undefined; appendAvatar?: string | undefined; appendIcon?: IconValue | undefined; image?: string | undefined; link?: boolean | undefined; prependAvatar?: string | undefined; prependIcon?: IconValue | undefined; subtitle?: string | number | boolean | undefined; text?: string | number | boolean | undefined; title?: string | number | boolean | undefined; } & { $children?: { 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; } | { $stable?: boolean | undefined; } | (() => VNodeChild) | VNodeChild; "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:actions"?: false | (() => VNodeChild) | undefined; "v-slot:append"?: false | (() => VNodeChild) | undefined; "v-slot:default"?: false | (() => VNodeChild) | undefined; "v-slot:image"?: false | (() => VNodeChild) | undefined; "v-slot:item"?: false | (() => VNodeChild) | undefined; "v-slot:loader"?: false | ((arg: LoaderSlotProps) => VNodeChild) | undefined; "v-slot:prepend"?: false | (() => VNodeChild) | undefined; "v-slot:subtitle"?: false | (() => VNodeChild) | undefined; "v-slot:text"?: false | (() => VNodeChild) | undefined; "v-slot:title"?: false | (() => VNodeChild) | undefined; }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, { style: StyleValue; density: Density; rounded: string | number | boolean; tile: boolean; tag: string | JSXComponent; variant: "elevated" | "flat" | "outlined" | "plain" | "text" | "tonal"; replace: boolean; exact: boolean; disabled: boolean; flat: boolean; hover: boolean; link: boolean; ripple: boolean | { class?: string | undefined; keys?: string[] | undefined; } | undefined; subtitle: string | number | boolean; text: string | number | boolean; title: string | number | boolean; }, {}, string, SlotsType<Partial<{ default: () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; prepend: () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; append: () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; title: () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; subtitle: () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; actions: () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; text: () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; loader: (arg: LoaderSlotProps) => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; image: () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; item: () => VNode<RendererNode, RendererElement, { [key: string]: any; }>[]; }>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & FilterPropsOptions<{ theme: StringConstructor; class: PropType<any>; style: { type: PropType<StyleValue>; default: null; }; border: (BooleanConstructor | NumberConstructor | StringConstructor)[]; density: { type: PropType<Density>; default: string; validator: (v: any) => boolean; }; elevation: { type: (NumberConstructor | StringConstructor)[]; validator(v: any): boolean; }; rounded: { type: (BooleanConstructor | NumberConstructor | StringConstructor)[]; default: undefined; }; tile: BooleanConstructor; tag: { type: PropType<string | JSXComponent>; default: string; }; color: StringConstructor; variant: Omit<{ type: PropType<"elevated" | "flat" | "outlined" | "plain" | "text" | "tonal">; default: string; validator: (v: any) => boolean; }, "default" | "type"> & { type: PropType<"elevated" | "flat" | "outlined" | "plain" | "text" | "tonal">; default: NonNullable<"elevated" | "flat" | "outlined" | "plain" | "text" | "tonal">; }; height: (NumberConstructor | StringConstructor)[]; maxHeight: (NumberConstructor | StringConstructor)[]; maxWidth: (NumberConstructor | StringConstructor)[]; minHeight: (NumberConstructor | StringConstructor)[]; minWidth: (NumberConstructor | StringConstructor)[]; width: (NumberConstructor | StringConstructor)[]; location: PropType< Anchor | null>; loading: (BooleanConstructor | StringConstructor)[]; position: { type: PropType<"absolute" | "fixed" | "relative" | "static" | "sticky">; validator: (v: any) => boolean; }; href: StringConstructor; replace: BooleanConstructor; to: PropType<string | RouteLocationAsPathGeneric | RouteLocationAsRelativeGeneric>; exact: BooleanConstructor; 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<boolean | { class?: string | undefined; keys?: string[] | undefined; } | undefined>; default: boolean; }; subtitle: { type: (BooleanConstructor | NumberConstructor | StringConstructor)[]; default: undefined; }; text: { type: (BooleanConstructor | NumberConstructor | StringConstructor)[]; default: undefined; }; title: { type: (BooleanConstructor | NumberConstructor | StringConstructor)[]; default: undefined; }; }, ExtractPropTypes<{ theme: StringConstructor; class: PropType<any>; style: { type: PropType<StyleValue>; default: null; }; border: (BooleanConstructor | NumberConstructor | StringConstructor)[]; density: { type: PropType<Density>; default: string; validator: (v: any) => boolean; }; elevation: { type: (NumberConstructor | StringConstructor)[]; validator(v: any): boolean; }; rounded: { type: (BooleanConstructor | NumberConstructor | StringConstructor)[]; default: undefined; }; tile: BooleanConstructor; tag: { type: PropType<string | JSXComponent>; default: string; }; color: StringConstructor; variant: Omit<{ type: PropType<"elevated" | "flat" | "outlined" | "plain" | "text" | "tonal">; default: string; validator: (v: any) => boolean; }, "default" | "type"> & { type: PropType<"elevated" | "flat" | "outlined" | "plain" | "text" | "tonal">; default: NonNullable<"elevated" | "flat" | "outlined" | "plain" | "text" | "tonal">; }; height: (NumberConstructor | StringConstructor)[]; maxHeight: (NumberConstructor | StringConstructor)[]; maxWidth: (NumberConstructor | StringConstructor)[]; minHeight: (NumberConstructor | StringConstructor)[]; minWidth: (NumberConstructor | StringConstructor)[]; width: (NumberConstructor | StringConstructor)[]; location: PropType< Anchor | null>; loading: (BooleanConstructor | StringConstructor)[]; position: { type: PropType<"absolute" | "fixed" | "relative" | "static" | "sticky">; validator: (v: any) => boolean; }; href: StringConstructor; replace: BooleanConstructor; to: PropType<string | RouteLocationAsPathGeneric | RouteLocationAsRelativeGeneric>; exact: BooleanConstructor; 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<boolean | { class?: string | undefined; keys?: string[] | undefined; } | undefined>; default: boolean; }; subtitle: { type: (BooleanConstructor | NumberConstructor | StringConstructor)[]; default: undefined; }; text: { type: (BooleanConstructor | NumberConstructor | StringConstructor)[]; default: undefined; }; title: { type: (BooleanConstructor | NumberConstructor | StringConstructor)[]; default: undefined; }; }>>; VCardTitle: { new (...args: any[]): CreateComponentPublicInstanceWithMixins<{ style: string | false | StyleValue[] | CSSProperties | null; tag: string; } & { class?: any; } & { $children?: { default?: (() => VNodeChild) | undefined; } | { $stable?: boolean | undefined; } | (() => VNodeChild) | 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<RendererNode, RendererElement, { [key: string]: any; }>[]; }>>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, { style: string | false | StyleValue[] | CSSProperties | null; tag: string; } & { class?: any; } & { $children?: { default?: (() => VNodeChild) | undefined; } | { $stable?: boolean | undefined; } | (() => VNodeChild) | 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?: undefined; __isTeleport?: undefined; __isSuspense?: undefined; } & ComponentOptionsBase<{ style: string | false | StyleValue[] | CSSProperties | null; tag: string; } & { class?: any; } & { $children?: { default?: (() => VNodeChild) | undefined; } | { $stable?: boolean | undefined; } | (() => VNodeChild) | 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<RendererNode, RendererElement, { [key: string]: any; }>[]; }>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & FilterPropsOptions<{ class: PropType<any>; style: { type: PropType<StyleValue>; default: null; }; tag: { type: StringConstructor; default: string; }; }, ExtractPropTypes<{ class: PropType<any>; style: { type: PropType<StyleValue>; default: null; }; tag: { type: StringConstructor; default: string; }; }>>; VCardText: { new (...args: any[]): CreateComponentPublicInstanceWithMixins<{ style: string | false | StyleValue[] | CSSProperties | null; tag: string | JSXComponent; } & { class?: any; opacity?: string | number | undefined; } & { $children?: { default?: (() => VNodeChild) | undefined; } | { $stable?: boolean | undefined; } | (() => VNodeChild) | 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<RendererNode, RendererElement, { [key: string]: any; }>[]; }>>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, { style: string | false | StyleValue[] | CSSProperties | null; tag: string | JSXComponent; } & { class?: any; opacity?: string | number | undefined; } & { $children?: { default?: (() => VNodeChild) | undefined; } | { $stable?: boolean | undefined; } | (() => VNodeChild) | VNodeChild; "v-slots"?: { default?: false | (() => VNodeChild) | undefined; } | undefined; } & { "v-slot:default"?: false | (() => VNodeChild) | undefined; }, {}, {}, {}, {}, { style: StyleValue; tag: string | JSXComponent; }>; __isFragment?: undefined; __isTeleport?: undefined; __isSuspense?: undefined; } & ComponentOptionsBase<{ style: string | false | StyleValue[] | CSSProperties | null; tag: string | JSXComponent; } & { class?: any; opacity?: string | number | undefined; } & { $children?: { default?: (() => VNodeChild) | undefined; } | { $stable?: boolean | undefined; } | (() => VNodeChild) | 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<RendererNode, RendererElement, { [key: string]: any; }>[]; }>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & FilterPropsOptions<{ class: PropType<any>; style: { type: PropType<StyleValue>; default: null; }; tag: { type: PropType<string | JSXComponent>; default: string; }; opacity: (NumberConstructor | StringConstructor)[]; }, ExtractPropTypes<{ class: PropType<any>; style: { type: PropType<StyleValue>; default: null; }; tag: { type: PropType<string | JSXComponent>; default: string; }; opacity: (NumberConstructor | StringConstructor)[]; }>>; }, {}, string, ComponentProvideOptions, true, {}, any>; export default layoutRenderer;