UNPKG

@jsonforms/vue-vuetify

Version:

Vue Vuetify renderers for JSON Forms

822 lines (820 loc) 33.4 kB
import { Layout, JsonSchema, JsonFormsRendererRegistryEntry, JsonFormsCellRendererRegistryEntry, UISchemaElement, JsonFormsUISchemaRegistryEntry } from '@jsonforms/core'; import { DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, StyleValue, VNodeChild, VNodeProps, AllowedComponentProps, ComponentCustomProps, SlotsType, VNode, GlobalComponents, GlobalDirectives, ComponentOptionsBase, RendererNode, RendererElement } from 'vue'; import { Styles } from '..'; import { JSXComponent, Anchor } 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 } 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'; declare const layoutRenderer: DefineComponent<{ schema: JsonSchema; uischema: Layout; path: string; enabled?: boolean | undefined; renderers?: JsonFormsRendererRegistryEntry[] | undefined; cells?: JsonFormsCellRendererRegistryEntry[] | undefined; config?: any; }, { layout: ComputedRef<{ uischema: NonNullable<Layout & UISchemaElement>; schema: NonNullable< JsonSchema>; path: string; enabled: boolean; 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; 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; }; }>>; 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)[]; }>>; }, {}, string, ComponentProvideOptions, true, {}, any>; export default layoutRenderer;