@jsonforms/vue-vuetify
Version:
Vue Vuetify renderers for JSON Forms
1,214 lines (1,213 loc) • 134 kB
TypeScript
import { Layout, JsonSchema, JsonFormsRendererRegistryEntry, JsonFormsCellRendererRegistryEntry, UISchemaElement, JsonFormsUISchemaRegistryEntry } from '@jsonforms/core';
import { DefineComponent, ComputedRef, Ref, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, StyleValue, CSSProperties, VNodeProps, AllowedComponentProps, ComponentCustomProps, SlotsType, VNode, RendererNode, RendererElement, GlobalComponents, GlobalDirectives, ComponentOptionsBase, VNodeChild } from 'vue';
import { Styles } from '..';
import { JSXComponent, DisplayBreakpoint, Anchor } from 'vuetify/lib/types.mjs';
import { IconValue } from 'vuetify/lib/composables/icons.mjs';
import { StepperItem, StepperItemSlot, ValidationRule } from 'vuetify/lib/components/VStepper/VStepperItem.mjs';
import { SelectItemKey } from 'vuetify/lib/util/helpers.mjs';
import { StepperVerticalItemActionSlot } from 'vuetify/lib/labs/VStepperVertical/VStepperVerticalItem.mjs';
import { VStepperSlot, VStepperSlots } from 'vuetify/lib/components/VStepper/VStepper.mjs';
import { VStepperVerticalSlots } from 'vuetify/lib/labs/VStepperVertical/VStepperVertical.mjs';
import { GenericProps, FilterPropsOptions } from 'vuetify/lib/util/defineComponent.mjs';
import { GroupProvide } from 'vuetify/lib/composables/group.mjs';
import { VWindowSlots } from 'vuetify/lib/components/VWindow/VWindow.mjs';
import { Density } from 'vuetify/lib/composables/density.mjs';
import { RouteLocationAsPathGeneric, RouteLocationAsRelativeGeneric } from 'vue-router';
import { LoaderSlotProps } from 'vuetify/lib/composables/loader.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;
}, {
visibleCategoriesWithIndex: ComputedRef<{
category: 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;
}>;
originalIndex: number;
}[]>;
activeCategory: Ref<number, number>;
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;
}>;
categories: 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;
}, {}, {}, {}, 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>;
VStepperVertical: {
new (...args: any[]): CreateComponentPublicInstanceWithMixins<{
style: string | false | StyleValue[] | CSSProperties | null;
mobile: boolean | null;
tile: boolean;
tag: string | JSXComponent;
multiple: boolean;
mandatory: "force" | boolean;
disabled: boolean;
eager: boolean;
expandIcon: IconValue;
collapseIcon: IconValue;
hideActions: boolean;
focusable: boolean;
ripple: boolean | {
class?: string | undefined;
keys?: string[] | undefined;
};
readonly: boolean;
flat: boolean;
variant: "accordion" | "default" | "inset" | "popout";
altLabels: boolean;
editable: boolean;
items: readonly StepperItem[];
itemTitle: string | boolean | readonly (string | number)[] | ((item: Record<string, any>, fallback?: any) => any) | null;
itemValue: string | boolean | readonly (string | number)[] | ((item: Record<string, any>, fallback?: any) => any) | null;
itemProps: string | boolean | readonly (string | number)[] | ((item: Record<string, any>, fallback?: any) => any) | null;
nonLinear: boolean;
prevText: string;
nextText: string;
} & {
theme?: string | undefined;
class?: any;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
max?: number | undefined;
selectedClass?: string | undefined;
color?: string | undefined;
bgColor?: string | undefined;
completeIcon?: IconValue | undefined;
editIcon?: IconValue | undefined;
errorIcon?: IconValue | undefined;
} & {}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Omit<{
"update:modelValue": (val: any) => true;
}, "$children" | "modelValue" | "update:modelValue" | "v-slot:actions" | "v-slot:default" | "v-slot:icon" | "v-slot:next" | "v-slot:prev" | "v-slot:subtitle" | "v-slot:title" | "v-slots" | `v-slot:header-item.${string}` | `v-slot:item.${string}`>, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
style: StyleValue;
mobile: boolean | null;
rounded: string | number | boolean;
tile: boolean;
tag: string | JSXComponent;
multiple: boolean;
mandatory: "force" | boolean;
disabled: boolean;
eager: boolean;
expandIcon: IconValue;
collapseIcon: IconValue;
hideActions: boolean;
focusable: boolean;
ripple: boolean | {
class?: string | undefined;
keys?: string[] | undefined;
} | undefined;
readonly: boolean;
flat: boolean;
variant: "accordion" | "default" | "inset" | "popout";
altLabels: boolean;
editable: boolean;
items: readonly StepperItem[];
itemTitle: SelectItemKey;
itemValue: SelectItemKey;
itemProps: SelectItemKey;
nonLinear: boolean;
prevText: string;
nextText: string;
}, true, {}, SlotsType<Partial<{
[x: `header-item.${string}`]: (arg: StepperItemSlot<unknown>) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
[x: `item.${string}`]: (arg: StepperItemSlot<unknown>) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
actions: (arg: StepperVerticalItemActionSlot<unknown>) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
default: (arg: VStepperSlot & {
step: unknown;
}) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
icon: (arg: StepperItemSlot<unknown>) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
title: (arg: StepperItemSlot<unknown>) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
subtitle: (arg: StepperItemSlot<unknown>) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
prev: (arg: StepperVerticalItemActionSlot<unknown>) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
next: (arg: StepperVerticalItemActionSlot<unknown>) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
}>>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: string | false | StyleValue[] | CSSProperties | null;
mobile: boolean | null;
tile: boolean;
tag: string | JSXComponent;
multiple: boolean;
mandatory: "force" | boolean;
disabled: boolean;
eager: boolean;
expandIcon: IconValue;
collapseIcon: IconValue;
hideActions: boolean;
focusable: boolean;
ripple: boolean | {
class?: string | undefined;
keys?: string[] | undefined;
};
readonly: boolean;
flat: boolean;
variant: "accordion" | "default" | "inset" | "popout";
altLabels: boolean;
editable: boolean;
items: readonly StepperItem[];
itemTitle: string | boolean | readonly (string | number)[] | ((item: Record<string, any>, fallback?: any) => any) | null;
itemValue: string | boolean | readonly (string | number)[] | ((item: Record<string, any>, fallback?: any) => any) | null;
itemProps: string | boolean | readonly (string | number)[] | ((item: Record<string, any>, fallback?: any) => any) | null;
nonLinear: boolean;
prevText: string;
nextText: string;
} & {
theme?: string | undefined;
class?: any;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
max?: number | undefined;
selectedClass?: string | undefined;
color?: string | undefined;
bgColor?: string | undefined;
completeIcon?: IconValue | undefined;
editIcon?: IconValue | undefined;
errorIcon?: IconValue | undefined;
} & {}, {}, {}, {}, {}, {
style: StyleValue;
mobile: boolean | null;
rounded: string | number | boolean;
tile: boolean;
tag: string | JSXComponent;
multiple: boolean;
mandatory: "force" | boolean;
disabled: boolean;
eager: boolean;
expandIcon: IconValue;
collapseIcon: IconValue;
hideActions: boolean;
focusable: boolean;
ripple: boolean | {
class?: string | undefined;
keys?: string[] | undefined;
} | undefined;
readonly: boolean;
flat: boolean;
variant: "accordion" | "default" | "inset" | "popout";
altLabels: boolean;
editable: boolean;
items: readonly StepperItem[];
itemTitle: SelectItemKey;
itemValue: SelectItemKey;
itemProps: SelectItemKey;
nonLinear: boolean;
prevText: string;
nextText: string;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & ComponentOptionsBase<{
style: string | false | StyleValue[] | CSSProperties | null;
mobile: boolean | null;
tile: boolean;
tag: string | JSXComponent;
multiple: boolean;
mandatory: "force" | boolean;
disabled: boolean;
eager: boolean;
expandIcon: IconValue;
collapseIcon: IconValue;
hideActions: boolean;
focusable: boolean;
ripple: boolean | {
class?: string | undefined;
keys?: string[] | undefined;
};
readonly: boolean;
flat: boolean;
variant: "accordion" | "default" | "inset" | "popout";
altLabels: boolean;
editable: boolean;
items: readonly StepperItem[];
itemTitle: string | boolean | readonly (string | number)[] | ((item: Record<string, any>, fallback?: any) => any) | null;
itemValue: string | boolean | readonly (string | number)[] | ((item: Record<string, any>, fallback?: any) => any) | null;
itemProps: string | boolean | readonly (string | number)[] | ((item: Record<string, any>, fallback?: any) => any) | null;
nonLinear: boolean;
prevText: string;
nextText: string;
} & {
theme?: string | undefined;
class?: any;
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
max?: number | undefined;
selectedClass?: string | undefined;
color?: string | undefined;
bgColor?: string | undefined;
completeIcon?: IconValue | undefined;
editIcon?: IconValue | undefined;
errorIcon?: IconValue | undefined;
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Omit<{
"update:modelValue": (val: any) => true;
}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "update:modelValue" | "v-slot:subtitle" | "v-slot:title" | "v-slot:actions" | "v-slot:next" | "v-slot:prev" | `v-slot:item.${string}` | "v-slot:icon" | `v-slot:header-item.${string}`>, string, {
style: StyleValue;
mobile: boolean | null;
rounded: string | number | boolean;
tile: boolean;
tag: string | JSXComponent;
multiple: boolean;
mandatory: "force" | boolean;
disabled: boolean;
eager: boolean;
expandIcon: IconValue;
collapseIcon: IconValue;
hideActions: boolean;
focusable: boolean;
ripple: boolean | {
class?: string | undefined;
keys?: string[] | undefined;
} | undefined;
readonly: boolean;
flat: boolean;
variant: "accordion" | "default" | "inset" | "popout";
altLabels: boolean;
editable: boolean;
items: readonly StepperItem[];
itemTitle: SelectItemKey;
itemValue: SelectItemKey;
itemProps: SelectItemKey;
nonLinear: boolean;
prevText: string;
nextText: string;
}, {}, string, SlotsType<Partial<{
[x: `header-item.${string}`]: (arg: StepperItemSlot<unknown>) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
[x: `item.${string}`]: (arg: StepperItemSlot<unknown>) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
actions: (arg: StepperVerticalItemActionSlot<unknown>) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
default: (arg: VStepperSlot & {
step: unknown;
}) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
icon: (arg: StepperItemSlot<unknown>) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
title: (arg: StepperItemSlot<unknown>) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
subtitle: (arg: StepperItemSlot<unknown>) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
prev: (arg: StepperVerticalItemActionSlot<unknown>) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
next: (arg: StepperVerticalItemActionSlot<unknown>) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
}>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new <T = number>(props: {
modelValue?: T | undefined;
"onUpdate:modelValue"?: ((value: T) => void) | undefined;
}, slots: VStepperVerticalSlots<T>) => GenericProps<{
modelValue?: T | undefined;
"onUpdate:modelValue"?: ((value: T) => void) | undefined;
}, VStepperVerticalSlots<T>>) & FilterPropsOptions<{
theme: StringConstructor;
class: PropType<any>;
style: {
type: PropType<StyleValue>;
default: null;
};
mobile: {
type: PropType<boolean | null>;
default: boolean;
};
mobileBreakpoint: PropType<number | DisplayBreakpoint>;
elevation: {
type: (NumberConstructor | StringConstructor)[];
validator(v: any): boolean;
};
rounded: {
type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
tag: {
type: PropType<string | JSXComponent>;
default: string;
};
modelValue: {
type: null;
default: undefined;
};
multiple: BooleanConstructor;
mandatory: {
type: PropType<"force" | boolean>;
default: NonNullable<"force" | boolean>;
};
max: NumberConstructor;
selectedClass: StringConstructor;
disabled: BooleanConstructor;
eager: BooleanConstructor;
color: StringConstructor;
expandIcon: {
type: PropType<IconValue>;
default: string;
};
collapseIcon: {
type: PropType<IconValue>;
default: string;
};
hideActions: BooleanConstructor;
focusable: BooleanConstructor;
ripple: {
type: PropType<boolean | {
class?: string | undefined;
keys?: string[] | undefined;
} | undefined>;
default: boolean;
};
readonly: BooleanConstructor;
bgColor: StringConstructor;
flat: BooleanConstructor;
variant: Omit<{
type: PropType<"accordion" | "default" | "inset" | "popout">;
default: string;
validator: (v: any) => boolean;
}, "default" | "type"> & {
type: PropType<"accordion" | "default" | "inset" | "popout">;
default: NonNullable<"accordion" | "default" | "inset" | "popout">;
};
altLabels: BooleanConstructor;
completeIcon: PropType<IconValue>;
editIcon: PropType<IconValue>;
editable: BooleanConstructor;
errorIcon: PropType<IconValue>;
items: {
type: PropType<readonly StepperItem[]>;
default: () => never[];
};
itemTitle: {
type: PropType<SelectItemKey>;
default: string;
};
itemValue: {
type: PropType<SelectItemKey>;
default: string;
};
itemProps: {
type: PropType<SelectItemKey>;
default: string;
};
nonLinear: BooleanConstructor;
prevText: {
type: StringConstructor;
default: string;
};
nextText: {
type: StringConstructor;
default: string;
};
}, ExtractPropTypes<{
theme: StringConstructor;
class: PropType<any>;
style: {
type: PropType<StyleValue>;
default: null;
};
mobile: {
type: PropType<boolean | null>;
default: boolean;
};
mobileBreakpoint: PropType<number | DisplayBreakpoint>;
elevation: {
type: (NumberConstructor | StringConstructor)[];
validator(v: any): boolean;
};
rounded: {
type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
tag: {
type: PropType<string | JSXComponent>;
default: string;
};
modelValue: {
type: null;
default: undefined;
};
multiple: BooleanConstructor;
mandatory: {
type: PropType<"force" | boolean>;
default: NonNullable<"force" | boolean>;
};
max: NumberConstructor;
selectedClass: StringConstructor;
disabled: BooleanConstructor;
eager: BooleanConstructor;
color: StringConstructor;
expandIcon: {
type: PropType<IconValue>;
default: string;
};
collapseIcon: {
type: PropType<IconValue>;
default: string;
};
hideActions: BooleanConstructor;
focusable: BooleanConstructor;
ripple: {
type: PropType<boolean | {
class?: string | undefined;
keys?: string[] | undefined;
} | undefined>;
default: boolean;
};
readonly: BooleanConstructor;
bgColor: StringConstructor;
flat: BooleanConstructor;
variant: Omit<{
type: PropType<"accordion" | "default" | "inset" | "popout">;
default: string;
validator: (v: any) => boolean;
}, "default" | "type"> & {
type: PropType<"accordion" | "default" | "inset" | "popout">;
default: NonNullable<"accordion" | "default" | "inset" | "popout">;
};
altLabels: BooleanConstructor;
completeIcon: PropType<IconValue>;
editIcon: PropType<IconValue>;
editable: BooleanConstructor;
errorIcon: PropType<IconValue>;
items: {
type: PropType<readonly StepperItem[]>;
default: () => never[];
};
itemTitle: {
type: PropType<SelectItemKey>;
default: string;
};
itemValue: {
type: PropType<SelectItemKey>;
default: string;
};
itemProps: {
type: PropType<SelectItemKey>;
default: string;
};
nonLinear: BooleanConstructor;
prevText: {
type: StringConstructor;
default: string;
};
nextText: {
type: StringConstructor;
default: string;
};
}>>;
VStepperVerticalItem: {
new (...args: any[]): CreateComponentPublicInstanceWithMixins<{
style: string | false | StyleValue[] | CSSProperties | null;
tile: boolean;
tag: string | JSXComponent;
disabled: boolean;
eager: boolean;
expandIcon: IconValue;
collapseIcon: IconValue;
focusable: boolean;
static: boolean;
ripple: boolean | {
class?: string | undefined;
keys?: string[] | undefined;
};
readonly: boolean;
complete: boolean;
completeIcon: IconValue;
editable: boolean;
editIcon: IconValue;
error: boolean;
errorIcon: IconValue;
rules: readonly ValidationRule[];
hideActions: boolean;
} & {
class?: any;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
value?: any;
selectedClass?: 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;
color?: string | undefined;
title?: string | undefined;
text?: string | undefined;
bgColor?: string | undefined;
subtitle?: string | undefined;
icon?: IconValue | undefined;
} & {
$children?: {
default?: ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
icon?: ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
subtitle?: ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
title?: ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
text?: ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
prev?: ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
next?: ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
actions?: ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
} | {
$stable?: boolean | undefined;
} | ((arg: StepperItemSlot<any>) => VNodeChild) | VNodeChild;
"v-slots"?: {
default?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
icon?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
subtitle?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
title?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
text?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
prev?: false | ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
next?: false | ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
actions?: false | ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:actions"?: false | ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
"v-slot:default"?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
"v-slot:icon"?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
"v-slot:next"?: false | ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
"v-slot:prev"?: false | ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
"v-slot:text"?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
"v-slot:title"?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
} & {
"onClick:finish"?: (() => any) | undefined;
"onClick:next"?: (() => any) | undefined;
"onClick:prev"?: (() => any) | undefined;
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
"click:next": () => true;
"click:prev": () => true;
"click:finish": () => true;
}, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
style: StyleValue;
rounded: string | number | boolean;
tile: boolean;
tag: string | JSXComponent;
disabled: boolean;
eager: boolean;
expandIcon: IconValue;
collapseIcon: IconValue;
focusable: boolean;
static: boolean;
ripple: boolean | {
class?: string | undefined;
keys?: string[] | undefined;
} | undefined;
readonly: boolean;
complete: boolean;
completeIcon: IconValue;
editable: boolean;
editIcon: IconValue;
error: boolean;
errorIcon: IconValue;
rules: readonly ValidationRule[];
hideActions: boolean;
}, true, {}, SlotsType<Partial<{
default: (arg: StepperItemSlot<any>) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
icon: (arg: StepperItemSlot<any>) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
subtitle: (arg: StepperItemSlot<any>) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
title: (arg: StepperItemSlot<any>) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
text: (arg: StepperItemSlot<any>) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
prev: (arg: StepperVerticalItemActionSlot<any>) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
next: (arg: StepperVerticalItemActionSlot<any>) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
actions: (arg: StepperVerticalItemActionSlot<any>) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
}>>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, {
style: string | false | StyleValue[] | CSSProperties | null;
tile: boolean;
tag: string | JSXComponent;
disabled: boolean;
eager: boolean;
expandIcon: IconValue;
collapseIcon: IconValue;
focusable: boolean;
static: boolean;
ripple: boolean | {
class?: string | undefined;
keys?: string[] | undefined;
};
readonly: boolean;
complete: boolean;
completeIcon: IconValue;
editable: boolean;
editIcon: IconValue;
error: boolean;
errorIcon: IconValue;
rules: readonly ValidationRule[];
hideActions: boolean;
} & {
class?: any;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
value?: any;
selectedClass?: 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;
color?: string | undefined;
title?: string | undefined;
text?: string | undefined;
bgColor?: string | undefined;
subtitle?: string | undefined;
icon?: IconValue | undefined;
} & {
$children?: {
default?: ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
icon?: ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
subtitle?: ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
title?: ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
text?: ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
prev?: ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
next?: ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
actions?: ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
} | {
$stable?: boolean | undefined;
} | ((arg: StepperItemSlot<any>) => VNodeChild) | VNodeChild;
"v-slots"?: {
default?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
icon?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
subtitle?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
title?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
text?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
prev?: false | ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
next?: false | ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
actions?: false | ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:actions"?: false | ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
"v-slot:default"?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
"v-slot:icon"?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
"v-slot:next"?: false | ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
"v-slot:prev"?: false | ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
"v-slot:text"?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
"v-slot:title"?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
} & {
"onClick:finish"?: (() => any) | undefined;
"onClick:next"?: (() => any) | undefined;
"onClick:prev"?: (() => any) | undefined;
}, {}, {}, {}, {}, {
style: StyleValue;
rounded: string | number | boolean;
tile: boolean;
tag: string | JSXComponent;
disabled: boolean;
eager: boolean;
expandIcon: IconValue;
collapseIcon: IconValue;
focusable: boolean;
static: boolean;
ripple: boolean | {
class?: string | undefined;
keys?: string[] | undefined;
} | undefined;
readonly: boolean;
complete: boolean;
completeIcon: IconValue;
editable: boolean;
editIcon: IconValue;
error: boolean;
errorIcon: IconValue;
rules: readonly ValidationRule[];
hideActions: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & ComponentOptionsBase<{
style: string | false | StyleValue[] | CSSProperties | null;
tile: boolean;
tag: string | JSXComponent;
disabled: boolean;
eager: boolean;
expandIcon: IconValue;
collapseIcon: IconValue;
focusable: boolean;
static: boolean;
ripple: boolean | {
class?: string | undefined;
keys?: string[] | undefined;
};
readonly: boolean;
complete: boolean;
completeIcon: IconValue;
editable: boolean;
editIcon: IconValue;
error: boolean;
errorIcon: IconValue;
rules: readonly ValidationRule[];
hideActions: boolean;
} & {
class?: any;
elevation?: string | number | undefined;
rounded?: string | number | boolean | undefined;
value?: any;
selectedClass?: 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;
color?: string | undefined;
title?: string | undefined;
text?: string | undefined;
bgColor?: string | undefined;
subtitle?: string | undefined;
icon?: IconValue | undefined;
} & {
$children?: {
default?: ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
icon?: ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
subtitle?: ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
title?: ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
text?: ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
prev?: ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
next?: ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
actions?: ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
} | {
$stable?: boolean | undefined;
} | ((arg: StepperItemSlot<any>) => VNodeChild) | VNodeChild;
"v-slots"?: {
default?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
icon?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
subtitle?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
title?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
text?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
prev?: false | ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
next?: false | ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
actions?: false | ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
} | undefined;
} & {
"v-slot:actions"?: false | ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
"v-slot:default"?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
"v-slot:icon"?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
"v-slot:next"?: false | ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
"v-slot:prev"?: false | ((arg: StepperVerticalItemActionSlot<any>) => VNodeChild) | undefined;
"v-slot:subtitle"?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
"v-slot:text"?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
"v-slot:title"?: false | ((arg: StepperItemSlot<any>) => VNodeChild) | undefined;
} & {
"onClick:finish"?: (() => any) | undefined;
"onClick:next"?: (() => any) | undefined;
"onClick:prev"?: (() => any) | undefined;
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
"click:next": () => true;
"click:prev": () => true;
"click:finish": () => true;
}, string, {
style: StyleValue;
rounded: string | number | boolean;
tile: boolean;
tag: string | JSXComponent;
disabled: boolean;
eager: boolean;
expandIcon: IconValue;
collapseIcon: IconValue;
focusable: boolean;
static: boolean;
ripple: boolean | {
class?: string | undefined;
keys?: string[] | undefined;
} | undefined;
readonly: boolean;
complete: boolean;
completeIcon: IconValue;
editable: boolean;
editIcon: IconValue;
error: boolean;
errorIcon: IconValue;
rules: readonly ValidationRule[];
hideActions: boolean;
}, {}, string, SlotsType<Partial<{
default: (arg: StepperItemSlot<any>) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
icon: (arg: StepperItemSlot<any>) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
subtitle: (arg: StepperItemSlot<any>) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
title: (arg: StepperItemSlot<any>) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
text: (arg: StepperItemSlot<any>) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
prev: (arg: StepperVerticalItemActionSlot<any>) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
next: (arg: StepperVerticalItemActionSlot<any>) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
actions: (arg: StepperVerticalItemActionSlot<any>) => VNode<RendererNode, RendererElement, {
[key: string]: any;
}>[];
}>>, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & FilterPropsOptions<{
class: PropType<any>;
style: {
type: PropType<StyleValue>;
default: null;
};
elevation: {
type: (NumberConstructor | StringConstructor)[];
validator(v: any): boolean;
};
rounded: {
type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
tag: {
type: PropType<string | JSXComponent>;
default: string;
};
value: null;
disabled: BooleanConstructor;
selectedClass: StringConstructor;
height: (NumberConstructor | StringConstructor)[];
maxHeight: (NumberConstructor | StringConstructor)[];
maxWidth: (NumberConstructor | StringConstructor)[];
minHeight: (NumberConstructor | StringConstructor)[];
minWidth: (NumberConstructor | StringConstructor)[];
width: (NumberConstructor | StringConstructor)[];
eager: BooleanConstructor;
color: StringConstructor;
expandIcon: Omit<{
type: PropType<IconValue>;
default: string;
}, "default" | "type"> & {
type: PropType<IconValue>;
default: NonNullable< IconValue>;
};
collapseIcon: Omit<{
type: PropType<IconValue>;
default: string;
}, "default" | "type"> & {
type: PropType<IconValue>;
default: NonNullable< IconValue>;
};
focusable: BooleanConstructor;
static: BooleanConstructor;
ripple: {
type: PropType<boolean | {
class?: string | undefined;
keys?: string[] | undefined;
} | undefined>;
default: boolean;
};
readonly: BooleanConstructor;
title: StringConstructor;
text: StringConstructor;
bgColor: StringConstructor;
subtitle: StringConstructor;
complete: BooleanConstructor;
completeIcon: {
type: PropType<IconValue>;
default: string;
};
editable: BooleanConstructor;
editIcon: {
type: PropType<IconValue>;
default: string;
};
error: BooleanConstructor;
errorIcon: {
type: PropType<IconValue>;
default: string;
};
icon: PropType<IconValue>;
rules: {
type: PropType<readonly ValidationRule[]>;
default: () => never[];
};
hideActions: BooleanConstructor;
}, ExtractPropTypes<{
class: PropType<any>;
style: {
type: PropType<StyleValue>;
default: null;
};
elevation: {
type: (NumberConstructor | StringConstructor)[];
validator(v: any): boolean;
};
rounded: {
type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
default: undefined;
};
tile: BooleanConstructor;
tag: {
type: PropType<string | JSXComponent>;
default: string;
};
value: null;
disabled: BooleanConstructor;
selectedClass: StringConstructor;
height: (NumberConstructor | StringConstructor)[];
maxHeight: (NumberConstructor | StringConstructor)[];
maxWidth: (NumberConstructor | StringConstructor)[];
minHeight: (NumberConstructor | StringConstructor)[];
minWidth: (NumberConstructor | StringConstructor)[];
width: (NumberConstructor | StringConstructor)[];
eager: BooleanConstructor;
color: StringConstructor;
expandIcon: Omit<{
type: PropType<IconValue>;
default: string;
}, "default" | "type"> & {
type: PropType<IconValue>;
default: NonNullable< IconValue>;
};
collapseIcon: Omit<{
type: PropType<IconValue>;
default: string;
}, "default" | "type"> & {
type: PropType<IconValue>;
default: NonNullable< IconValue>;
};
focusable: BooleanConstructor;
static: BooleanConstructor;
ripple: {
type: PropType<boolean | {
class?: string | undefined;
keys?: string[] | undefined;
} | undefined>;
default: boolean;
};
readonly: BooleanConstructor;
title: StringConstructor;
text: StringConstructor;
bgColor: StringConstructor;
subtitle: StringConstructor;
complete: BooleanConstructor;
completeIcon: {
type: PropType<IconValue>;
default: string;
};
editable: BooleanConstructor;
editIcon: {
type: PropType<IconValue>;
default: string;
};
error: BooleanConstructor;
errorIcon: {
type: PropType<IconValue>;
default: string;
};
icon: PropType<IconValue>;
rules: {
type: PropType<readonly ValidationRule[]>;
default: () => never[];
};