1382 lines
48 KiB
TypeScript
1382 lines
48 KiB
TypeScript
import * as vue from 'vue';
|
|
import { ComponentPropsOptions, ExtractPropTypes, VNodeChild, VNode, PropType, ComponentPublicInstance, FunctionalComponent, DirectiveBinding } from 'vue';
|
|
|
|
type SlotsToProps<U extends RawSlots, T = MakeInternalSlots<U>> = {
|
|
$children?: (VNodeChild | (T extends {
|
|
default: infer V;
|
|
} ? V : {}) | {
|
|
[K in keyof T]?: T[K];
|
|
});
|
|
'v-slots'?: {
|
|
[K in keyof T]?: T[K] | false;
|
|
};
|
|
} & {
|
|
[K in keyof T as `v-slot:${K & string}`]?: T[K] | false;
|
|
};
|
|
type RawSlots = Record<string, unknown>;
|
|
type Slot<T> = [T] extends [never] ? () => VNodeChild : (arg: T) => VNodeChild;
|
|
type VueSlot<T> = [T] extends [never] ? () => VNode[] : (arg: T) => VNode[];
|
|
type MakeInternalSlots<T extends RawSlots> = {
|
|
[K in keyof T]: Slot<T[K]>;
|
|
};
|
|
type MakeSlots<T extends RawSlots> = {
|
|
[K in keyof T]: VueSlot<T[K]>;
|
|
};
|
|
type GenericProps<Props, Slots extends Record<string, unknown>> = {
|
|
$props: Props & SlotsToProps<Slots>;
|
|
$slots: MakeSlots<Slots>;
|
|
};
|
|
interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions>, Props = ExtractPropTypes<PropsOptions>> {
|
|
filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): Partial<Pick<T, U>>;
|
|
}
|
|
|
|
type ClassValue = any;
|
|
|
|
type JSXComponent<Props = any> = {
|
|
new (): ComponentPublicInstance<Props>;
|
|
} | FunctionalComponent<Props>;
|
|
type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
|
|
declare const IconValue: PropType<IconValue>;
|
|
|
|
interface RippleDirectiveBinding extends Omit<DirectiveBinding, 'modifiers' | 'value'> {
|
|
value?: boolean | {
|
|
class: string;
|
|
};
|
|
modifiers: {
|
|
center?: boolean;
|
|
circle?: boolean;
|
|
stop?: boolean;
|
|
};
|
|
}
|
|
|
|
type StepperItem = string | Record<string, any>;
|
|
type StepperItemSlot<T = any> = {
|
|
canEdit: boolean;
|
|
hasError: boolean;
|
|
hasCompleted: boolean;
|
|
title?: string | number;
|
|
subtitle?: string | number;
|
|
step: T;
|
|
};
|
|
type ValidationRule = () => string | boolean;
|
|
|
|
declare const breakpoints: readonly ["sm", "md", "lg", "xl", "xxl"];
|
|
type Breakpoint = typeof breakpoints[number];
|
|
type DisplayBreakpoint = 'xs' | Breakpoint;
|
|
|
|
type VStepperSlot = {
|
|
prev: () => void;
|
|
next: () => void;
|
|
};
|
|
|
|
type StepperVerticalItemActionSlot<T = any> = StepperItemSlot<T> & {
|
|
next: () => void;
|
|
prev: () => void;
|
|
};
|
|
declare const VStepperVerticalItem: {
|
|
new (...args: any[]): vue.CreateComponentPublicInstance<{
|
|
error: boolean;
|
|
complete: boolean;
|
|
style: vue.StyleValue;
|
|
eager: boolean;
|
|
disabled: boolean;
|
|
readonly: boolean;
|
|
tag: string;
|
|
static: boolean;
|
|
focusable: boolean;
|
|
rules: readonly ValidationRule[];
|
|
tile: boolean;
|
|
ripple: boolean | {
|
|
class: string;
|
|
} | undefined;
|
|
collapseIcon: IconValue;
|
|
expandIcon: IconValue;
|
|
hideActions: boolean;
|
|
completeIcon: IconValue;
|
|
editable: boolean;
|
|
editIcon: IconValue;
|
|
errorIcon: IconValue;
|
|
} & {
|
|
height?: string | number | undefined;
|
|
width?: string | number | undefined;
|
|
color?: string | undefined;
|
|
maxHeight?: string | number | undefined;
|
|
maxWidth?: string | number | undefined;
|
|
minHeight?: string | number | undefined;
|
|
minWidth?: string | number | undefined;
|
|
value?: any;
|
|
title?: string | undefined;
|
|
text?: string | undefined;
|
|
class?: any;
|
|
icon?: IconValue | undefined;
|
|
elevation?: string | number | undefined;
|
|
rounded?: string | number | boolean | undefined;
|
|
selectedClass?: string | undefined;
|
|
bgColor?: string | undefined;
|
|
subtitle?: string | undefined;
|
|
} & {
|
|
$children?: vue.VNodeChild | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | {
|
|
default?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
icon?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
subtitle?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
title?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
text?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
prev?: ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
|
|
next?: ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
|
|
actions?: ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
|
|
};
|
|
'v-slots'?: {
|
|
default?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
icon?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
subtitle?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
title?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
text?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
prev?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
|
|
next?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
|
|
actions?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
|
|
} | undefined;
|
|
} & {
|
|
"v-slot:default"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
"v-slot:icon"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
"v-slot:subtitle"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
"v-slot:title"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
"v-slot:text"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
"v-slot:prev"?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
|
|
"v-slot:next"?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
|
|
"v-slot:actions"?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
|
|
} & {
|
|
"onClick:prev"?: (() => any) | undefined;
|
|
"onClick:next"?: (() => any) | undefined;
|
|
"onClick:finish"?: (() => any) | undefined;
|
|
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
'click:next': () => true;
|
|
'click:prev': () => true;
|
|
'click:finish': () => true;
|
|
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
|
|
error: boolean;
|
|
complete: boolean;
|
|
style: vue.StyleValue;
|
|
eager: boolean;
|
|
disabled: boolean;
|
|
readonly: boolean;
|
|
tag: string;
|
|
static: boolean;
|
|
focusable: boolean;
|
|
rules: readonly ValidationRule[];
|
|
tile: boolean;
|
|
ripple: boolean | {
|
|
class: string;
|
|
} | undefined;
|
|
collapseIcon: IconValue;
|
|
expandIcon: IconValue;
|
|
hideActions: boolean;
|
|
completeIcon: IconValue;
|
|
editable: boolean;
|
|
editIcon: IconValue;
|
|
errorIcon: IconValue;
|
|
} & {
|
|
height?: string | number | undefined;
|
|
width?: string | number | undefined;
|
|
color?: string | undefined;
|
|
maxHeight?: string | number | undefined;
|
|
maxWidth?: string | number | undefined;
|
|
minHeight?: string | number | undefined;
|
|
minWidth?: string | number | undefined;
|
|
value?: any;
|
|
title?: string | undefined;
|
|
text?: string | undefined;
|
|
class?: any;
|
|
icon?: IconValue | undefined;
|
|
elevation?: string | number | undefined;
|
|
rounded?: string | number | boolean | undefined;
|
|
selectedClass?: string | undefined;
|
|
bgColor?: string | undefined;
|
|
subtitle?: string | undefined;
|
|
} & {
|
|
$children?: vue.VNodeChild | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | {
|
|
default?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
icon?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
subtitle?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
title?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
text?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
prev?: ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
|
|
next?: ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
|
|
actions?: ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
|
|
};
|
|
'v-slots'?: {
|
|
default?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
icon?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
subtitle?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
title?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
text?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
prev?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
|
|
next?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
|
|
actions?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
|
|
} | undefined;
|
|
} & {
|
|
"v-slot:default"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
"v-slot:icon"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
"v-slot:subtitle"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
"v-slot:title"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
"v-slot:text"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
"v-slot:prev"?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
|
|
"v-slot:next"?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
|
|
"v-slot:actions"?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
|
|
} & {
|
|
"onClick:prev"?: (() => any) | undefined;
|
|
"onClick:next"?: (() => any) | undefined;
|
|
"onClick:finish"?: (() => any) | undefined;
|
|
}, {
|
|
error: boolean;
|
|
complete: boolean;
|
|
style: vue.StyleValue;
|
|
eager: boolean;
|
|
disabled: boolean;
|
|
readonly: boolean;
|
|
tag: string;
|
|
static: boolean;
|
|
focusable: boolean;
|
|
rules: readonly ValidationRule[];
|
|
rounded: string | number | boolean;
|
|
tile: boolean;
|
|
ripple: boolean | {
|
|
class: string;
|
|
} | undefined;
|
|
collapseIcon: IconValue;
|
|
expandIcon: IconValue;
|
|
hideActions: boolean;
|
|
completeIcon: IconValue;
|
|
editable: boolean;
|
|
editIcon: IconValue;
|
|
errorIcon: IconValue;
|
|
}, true, {}, vue.SlotsType<Partial<{
|
|
default: (arg: StepperItemSlot<any>) => vue.VNode[];
|
|
icon: (arg: StepperItemSlot<any>) => vue.VNode[];
|
|
subtitle: (arg: StepperItemSlot<any>) => vue.VNode[];
|
|
title: (arg: StepperItemSlot<any>) => vue.VNode[];
|
|
text: (arg: StepperItemSlot<any>) => vue.VNode[];
|
|
prev: (arg: StepperVerticalItemActionSlot<any>) => vue.VNode[];
|
|
next: (arg: StepperVerticalItemActionSlot<any>) => vue.VNode[];
|
|
actions: (arg: StepperVerticalItemActionSlot<any>) => vue.VNode[];
|
|
}>>, {
|
|
P: {};
|
|
B: {};
|
|
D: {};
|
|
C: {};
|
|
M: {};
|
|
Defaults: {};
|
|
}, {
|
|
error: boolean;
|
|
complete: boolean;
|
|
style: vue.StyleValue;
|
|
eager: boolean;
|
|
disabled: boolean;
|
|
readonly: boolean;
|
|
tag: string;
|
|
static: boolean;
|
|
focusable: boolean;
|
|
rules: readonly ValidationRule[];
|
|
tile: boolean;
|
|
ripple: boolean | {
|
|
class: string;
|
|
} | undefined;
|
|
collapseIcon: IconValue;
|
|
expandIcon: IconValue;
|
|
hideActions: boolean;
|
|
completeIcon: IconValue;
|
|
editable: boolean;
|
|
editIcon: IconValue;
|
|
errorIcon: IconValue;
|
|
} & {
|
|
height?: string | number | undefined;
|
|
width?: string | number | undefined;
|
|
color?: string | undefined;
|
|
maxHeight?: string | number | undefined;
|
|
maxWidth?: string | number | undefined;
|
|
minHeight?: string | number | undefined;
|
|
minWidth?: string | number | undefined;
|
|
value?: any;
|
|
title?: string | undefined;
|
|
text?: string | undefined;
|
|
class?: any;
|
|
icon?: IconValue | undefined;
|
|
elevation?: string | number | undefined;
|
|
rounded?: string | number | boolean | undefined;
|
|
selectedClass?: string | undefined;
|
|
bgColor?: string | undefined;
|
|
subtitle?: string | undefined;
|
|
} & {
|
|
$children?: vue.VNodeChild | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | {
|
|
default?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
icon?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
subtitle?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
title?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
text?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
prev?: ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
|
|
next?: ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
|
|
actions?: ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
|
|
};
|
|
'v-slots'?: {
|
|
default?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
icon?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
subtitle?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
title?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
text?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
prev?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
|
|
next?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
|
|
actions?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
|
|
} | undefined;
|
|
} & {
|
|
"v-slot:default"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
"v-slot:icon"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
"v-slot:subtitle"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
"v-slot:title"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
"v-slot:text"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
"v-slot:prev"?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
|
|
"v-slot:next"?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
|
|
"v-slot:actions"?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
|
|
} & {
|
|
"onClick:prev"?: (() => any) | undefined;
|
|
"onClick:next"?: (() => any) | undefined;
|
|
"onClick:finish"?: (() => any) | undefined;
|
|
}, {}, {}, {}, {}, {
|
|
error: boolean;
|
|
complete: boolean;
|
|
style: vue.StyleValue;
|
|
eager: boolean;
|
|
disabled: boolean;
|
|
readonly: boolean;
|
|
tag: string;
|
|
static: boolean;
|
|
focusable: boolean;
|
|
rules: readonly ValidationRule[];
|
|
rounded: string | number | boolean;
|
|
tile: boolean;
|
|
ripple: boolean | {
|
|
class: string;
|
|
} | undefined;
|
|
collapseIcon: IconValue;
|
|
expandIcon: IconValue;
|
|
hideActions: boolean;
|
|
completeIcon: IconValue;
|
|
editable: boolean;
|
|
editIcon: IconValue;
|
|
errorIcon: IconValue;
|
|
}>;
|
|
__isFragment?: never;
|
|
__isTeleport?: never;
|
|
__isSuspense?: never;
|
|
} & vue.ComponentOptionsBase<{
|
|
error: boolean;
|
|
complete: boolean;
|
|
style: vue.StyleValue;
|
|
eager: boolean;
|
|
disabled: boolean;
|
|
readonly: boolean;
|
|
tag: string;
|
|
static: boolean;
|
|
focusable: boolean;
|
|
rules: readonly ValidationRule[];
|
|
tile: boolean;
|
|
ripple: boolean | {
|
|
class: string;
|
|
} | undefined;
|
|
collapseIcon: IconValue;
|
|
expandIcon: IconValue;
|
|
hideActions: boolean;
|
|
completeIcon: IconValue;
|
|
editable: boolean;
|
|
editIcon: IconValue;
|
|
errorIcon: IconValue;
|
|
} & {
|
|
height?: string | number | undefined;
|
|
width?: string | number | undefined;
|
|
color?: string | undefined;
|
|
maxHeight?: string | number | undefined;
|
|
maxWidth?: string | number | undefined;
|
|
minHeight?: string | number | undefined;
|
|
minWidth?: string | number | undefined;
|
|
value?: any;
|
|
title?: string | undefined;
|
|
text?: string | undefined;
|
|
class?: any;
|
|
icon?: IconValue | undefined;
|
|
elevation?: string | number | undefined;
|
|
rounded?: string | number | boolean | undefined;
|
|
selectedClass?: string | undefined;
|
|
bgColor?: string | undefined;
|
|
subtitle?: string | undefined;
|
|
} & {
|
|
$children?: vue.VNodeChild | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | {
|
|
default?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
icon?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
subtitle?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
title?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
text?: ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
prev?: ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
|
|
next?: ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
|
|
actions?: ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
|
|
};
|
|
'v-slots'?: {
|
|
default?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
icon?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
subtitle?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
title?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
text?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
prev?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
|
|
next?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
|
|
actions?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
|
|
} | undefined;
|
|
} & {
|
|
"v-slot:default"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
"v-slot:icon"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
"v-slot:subtitle"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
"v-slot:title"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
"v-slot:text"?: false | ((arg: StepperItemSlot<any>) => vue.VNodeChild) | undefined;
|
|
"v-slot:prev"?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
|
|
"v-slot:next"?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
|
|
"v-slot:actions"?: false | ((arg: StepperVerticalItemActionSlot<any>) => vue.VNodeChild) | undefined;
|
|
} & {
|
|
"onClick:prev"?: (() => any) | undefined;
|
|
"onClick:next"?: (() => any) | undefined;
|
|
"onClick:finish"?: (() => any) | undefined;
|
|
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
'click:next': () => true;
|
|
'click:prev': () => true;
|
|
'click:finish': () => true;
|
|
}, string, {
|
|
error: boolean;
|
|
complete: boolean;
|
|
style: vue.StyleValue;
|
|
eager: boolean;
|
|
disabled: boolean;
|
|
readonly: boolean;
|
|
tag: string;
|
|
static: boolean;
|
|
focusable: boolean;
|
|
rules: readonly ValidationRule[];
|
|
rounded: string | number | boolean;
|
|
tile: boolean;
|
|
ripple: boolean | {
|
|
class: string;
|
|
} | undefined;
|
|
collapseIcon: IconValue;
|
|
expandIcon: IconValue;
|
|
hideActions: boolean;
|
|
completeIcon: IconValue;
|
|
editable: boolean;
|
|
editIcon: IconValue;
|
|
errorIcon: IconValue;
|
|
}, {}, string, vue.SlotsType<Partial<{
|
|
default: (arg: StepperItemSlot<any>) => vue.VNode[];
|
|
icon: (arg: StepperItemSlot<any>) => vue.VNode[];
|
|
subtitle: (arg: StepperItemSlot<any>) => vue.VNode[];
|
|
title: (arg: StepperItemSlot<any>) => vue.VNode[];
|
|
text: (arg: StepperItemSlot<any>) => vue.VNode[];
|
|
prev: (arg: StepperVerticalItemActionSlot<any>) => vue.VNode[];
|
|
next: (arg: StepperVerticalItemActionSlot<any>) => vue.VNode[];
|
|
actions: (arg: StepperVerticalItemActionSlot<any>) => vue.VNode[];
|
|
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
|
|
height: (StringConstructor | NumberConstructor)[];
|
|
width: (StringConstructor | NumberConstructor)[];
|
|
color: StringConstructor;
|
|
maxHeight: (StringConstructor | NumberConstructor)[];
|
|
maxWidth: (StringConstructor | NumberConstructor)[];
|
|
minHeight: (StringConstructor | NumberConstructor)[];
|
|
minWidth: (StringConstructor | NumberConstructor)[];
|
|
value: null;
|
|
style: {
|
|
type: vue.PropType<vue.StyleValue>;
|
|
default: null;
|
|
};
|
|
title: StringConstructor;
|
|
text: StringConstructor;
|
|
eager: BooleanConstructor;
|
|
disabled: BooleanConstructor;
|
|
readonly: BooleanConstructor;
|
|
class: vue.PropType<ClassValue>;
|
|
tag: {
|
|
type: StringConstructor;
|
|
default: string;
|
|
};
|
|
static: BooleanConstructor;
|
|
elevation: {
|
|
type: (StringConstructor | NumberConstructor)[];
|
|
validator(v: any): boolean;
|
|
};
|
|
focusable: BooleanConstructor;
|
|
rounded: {
|
|
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
default: undefined;
|
|
};
|
|
tile: BooleanConstructor;
|
|
selectedClass: StringConstructor;
|
|
bgColor: StringConstructor;
|
|
ripple: {
|
|
type: vue.PropType<RippleDirectiveBinding["value"]>;
|
|
default: boolean;
|
|
};
|
|
collapseIcon: Omit<{
|
|
type: vue.PropType<IconValue>;
|
|
default: string;
|
|
}, "type" | "default"> & {
|
|
type: vue.PropType<IconValue>;
|
|
default: NonNullable<IconValue>;
|
|
};
|
|
expandIcon: Omit<{
|
|
type: vue.PropType<IconValue>;
|
|
default: string;
|
|
}, "type" | "default"> & {
|
|
type: vue.PropType<IconValue>;
|
|
default: NonNullable<IconValue>;
|
|
};
|
|
subtitle: StringConstructor;
|
|
complete: BooleanConstructor;
|
|
completeIcon: {
|
|
type: vue.PropType<IconValue>;
|
|
default: string;
|
|
};
|
|
editable: BooleanConstructor;
|
|
editIcon: {
|
|
type: vue.PropType<IconValue>;
|
|
default: string;
|
|
};
|
|
error: BooleanConstructor;
|
|
errorIcon: {
|
|
type: vue.PropType<IconValue>;
|
|
default: string;
|
|
};
|
|
icon: vue.PropType<IconValue>;
|
|
rules: {
|
|
type: vue.PropType<readonly ValidationRule[]>;
|
|
default: () => never[];
|
|
};
|
|
hideActions: BooleanConstructor;
|
|
}, vue.ExtractPropTypes<{
|
|
height: (StringConstructor | NumberConstructor)[];
|
|
width: (StringConstructor | NumberConstructor)[];
|
|
color: StringConstructor;
|
|
maxHeight: (StringConstructor | NumberConstructor)[];
|
|
maxWidth: (StringConstructor | NumberConstructor)[];
|
|
minHeight: (StringConstructor | NumberConstructor)[];
|
|
minWidth: (StringConstructor | NumberConstructor)[];
|
|
value: null;
|
|
style: {
|
|
type: vue.PropType<vue.StyleValue>;
|
|
default: null;
|
|
};
|
|
title: StringConstructor;
|
|
text: StringConstructor;
|
|
eager: BooleanConstructor;
|
|
disabled: BooleanConstructor;
|
|
readonly: BooleanConstructor;
|
|
class: vue.PropType<ClassValue>;
|
|
tag: {
|
|
type: StringConstructor;
|
|
default: string;
|
|
};
|
|
static: BooleanConstructor;
|
|
elevation: {
|
|
type: (StringConstructor | NumberConstructor)[];
|
|
validator(v: any): boolean;
|
|
};
|
|
focusable: BooleanConstructor;
|
|
rounded: {
|
|
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
default: undefined;
|
|
};
|
|
tile: BooleanConstructor;
|
|
selectedClass: StringConstructor;
|
|
bgColor: StringConstructor;
|
|
ripple: {
|
|
type: vue.PropType<RippleDirectiveBinding["value"]>;
|
|
default: boolean;
|
|
};
|
|
collapseIcon: Omit<{
|
|
type: vue.PropType<IconValue>;
|
|
default: string;
|
|
}, "type" | "default"> & {
|
|
type: vue.PropType<IconValue>;
|
|
default: NonNullable<IconValue>;
|
|
};
|
|
expandIcon: Omit<{
|
|
type: vue.PropType<IconValue>;
|
|
default: string;
|
|
}, "type" | "default"> & {
|
|
type: vue.PropType<IconValue>;
|
|
default: NonNullable<IconValue>;
|
|
};
|
|
subtitle: StringConstructor;
|
|
complete: BooleanConstructor;
|
|
completeIcon: {
|
|
type: vue.PropType<IconValue>;
|
|
default: string;
|
|
};
|
|
editable: BooleanConstructor;
|
|
editIcon: {
|
|
type: vue.PropType<IconValue>;
|
|
default: string;
|
|
};
|
|
error: BooleanConstructor;
|
|
errorIcon: {
|
|
type: vue.PropType<IconValue>;
|
|
default: string;
|
|
};
|
|
icon: vue.PropType<IconValue>;
|
|
rules: {
|
|
type: vue.PropType<readonly ValidationRule[]>;
|
|
default: () => never[];
|
|
};
|
|
hideActions: BooleanConstructor;
|
|
}>>;
|
|
type VStepperVerticalItem = InstanceType<typeof VStepperVerticalItem>;
|
|
|
|
type VStepperVerticalSlots<T> = {
|
|
actions: StepperVerticalItemActionSlot<T>;
|
|
default: VStepperSlot & {
|
|
step: T;
|
|
};
|
|
icon: StepperItemSlot<T>;
|
|
title: StepperItemSlot<T>;
|
|
subtitle: StepperItemSlot<T>;
|
|
prev: StepperVerticalItemActionSlot<T>;
|
|
next: StepperVerticalItemActionSlot<T>;
|
|
} & {
|
|
[key: `header-item.${string}`]: StepperItemSlot<T>;
|
|
[key: `item.${string}`]: StepperItemSlot<T>;
|
|
};
|
|
declare const VStepperVertical: {
|
|
new (...args: any[]): vue.CreateComponentPublicInstance<{
|
|
flat: boolean;
|
|
variant: "default" | "inset" | "accordion" | "popout";
|
|
style: vue.StyleValue;
|
|
eager: boolean;
|
|
mobile: boolean | null;
|
|
disabled: boolean;
|
|
multiple: boolean;
|
|
readonly: boolean;
|
|
tag: string;
|
|
mandatory: boolean | "force";
|
|
focusable: boolean;
|
|
items: readonly StepperItem[];
|
|
tile: boolean;
|
|
ripple: boolean | {
|
|
class: string;
|
|
} | undefined;
|
|
collapseIcon: IconValue;
|
|
expandIcon: IconValue;
|
|
itemTitle: string;
|
|
itemValue: string;
|
|
hideActions: boolean;
|
|
prevText: string;
|
|
nextText: string;
|
|
editable: boolean;
|
|
altLabels: boolean;
|
|
nonLinear: boolean;
|
|
} & {
|
|
max?: number | undefined;
|
|
color?: string | undefined;
|
|
class?: any;
|
|
theme?: string | undefined;
|
|
elevation?: string | number | undefined;
|
|
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
|
|
rounded?: string | number | boolean | undefined;
|
|
selectedClass?: string | undefined;
|
|
bgColor?: string | undefined;
|
|
completeIcon?: IconValue | undefined;
|
|
editIcon?: IconValue | undefined;
|
|
errorIcon?: IconValue | undefined;
|
|
} & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
|
|
'update:modelValue': (val: any) => true;
|
|
}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "v-slot:title" | "update:modelValue" | "v-slot:next" | "v-slot:prev" | "v-slot:subtitle" | "v-slot:actions" | `v-slot:item.${string}` | "v-slot:icon" | `v-slot:header-item.${string}`>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
|
|
flat: boolean;
|
|
variant: "default" | "inset" | "accordion" | "popout";
|
|
style: vue.StyleValue;
|
|
eager: boolean;
|
|
mobile: boolean | null;
|
|
disabled: boolean;
|
|
multiple: boolean;
|
|
readonly: boolean;
|
|
tag: string;
|
|
mandatory: boolean | "force";
|
|
focusable: boolean;
|
|
items: readonly StepperItem[];
|
|
tile: boolean;
|
|
ripple: boolean | {
|
|
class: string;
|
|
} | undefined;
|
|
collapseIcon: IconValue;
|
|
expandIcon: IconValue;
|
|
itemTitle: string;
|
|
itemValue: string;
|
|
hideActions: boolean;
|
|
prevText: string;
|
|
nextText: string;
|
|
editable: boolean;
|
|
altLabels: boolean;
|
|
nonLinear: boolean;
|
|
} & {
|
|
max?: number | undefined;
|
|
color?: string | undefined;
|
|
class?: any;
|
|
theme?: string | undefined;
|
|
elevation?: string | number | undefined;
|
|
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
|
|
rounded?: string | number | boolean | undefined;
|
|
selectedClass?: string | undefined;
|
|
bgColor?: string | undefined;
|
|
completeIcon?: IconValue | undefined;
|
|
editIcon?: IconValue | undefined;
|
|
errorIcon?: IconValue | undefined;
|
|
} & {}, {
|
|
flat: boolean;
|
|
variant: "default" | "inset" | "accordion" | "popout";
|
|
style: vue.StyleValue;
|
|
eager: boolean;
|
|
mobile: boolean | null;
|
|
disabled: boolean;
|
|
multiple: boolean;
|
|
readonly: boolean;
|
|
tag: string;
|
|
mandatory: boolean | "force";
|
|
focusable: boolean;
|
|
rounded: string | number | boolean;
|
|
items: readonly StepperItem[];
|
|
tile: boolean;
|
|
ripple: boolean | {
|
|
class: string;
|
|
} | undefined;
|
|
collapseIcon: IconValue;
|
|
expandIcon: IconValue;
|
|
itemTitle: string;
|
|
itemValue: string;
|
|
hideActions: boolean;
|
|
prevText: string;
|
|
nextText: string;
|
|
editable: boolean;
|
|
altLabels: boolean;
|
|
nonLinear: boolean;
|
|
}, true, {}, vue.SlotsType<Partial<{
|
|
[x: `header-item.${string}`]: (arg: StepperItemSlot<unknown>) => vue.VNode[];
|
|
[x: `item.${string}`]: (arg: StepperItemSlot<unknown>) => vue.VNode[];
|
|
actions: (arg: StepperVerticalItemActionSlot<unknown>) => vue.VNode[];
|
|
default: (arg: VStepperSlot & {
|
|
step: unknown;
|
|
}) => vue.VNode[];
|
|
icon: (arg: StepperItemSlot<unknown>) => vue.VNode[];
|
|
title: (arg: StepperItemSlot<unknown>) => vue.VNode[];
|
|
subtitle: (arg: StepperItemSlot<unknown>) => vue.VNode[];
|
|
prev: (arg: StepperVerticalItemActionSlot<unknown>) => vue.VNode[];
|
|
next: (arg: StepperVerticalItemActionSlot<unknown>) => vue.VNode[];
|
|
}>>, {
|
|
P: {};
|
|
B: {};
|
|
D: {};
|
|
C: {};
|
|
M: {};
|
|
Defaults: {};
|
|
}, {
|
|
flat: boolean;
|
|
variant: "default" | "inset" | "accordion" | "popout";
|
|
style: vue.StyleValue;
|
|
eager: boolean;
|
|
mobile: boolean | null;
|
|
disabled: boolean;
|
|
multiple: boolean;
|
|
readonly: boolean;
|
|
tag: string;
|
|
mandatory: boolean | "force";
|
|
focusable: boolean;
|
|
items: readonly StepperItem[];
|
|
tile: boolean;
|
|
ripple: boolean | {
|
|
class: string;
|
|
} | undefined;
|
|
collapseIcon: IconValue;
|
|
expandIcon: IconValue;
|
|
itemTitle: string;
|
|
itemValue: string;
|
|
hideActions: boolean;
|
|
prevText: string;
|
|
nextText: string;
|
|
editable: boolean;
|
|
altLabels: boolean;
|
|
nonLinear: boolean;
|
|
} & {
|
|
max?: number | undefined;
|
|
color?: string | undefined;
|
|
class?: any;
|
|
theme?: string | undefined;
|
|
elevation?: string | number | undefined;
|
|
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
|
|
rounded?: string | number | boolean | undefined;
|
|
selectedClass?: string | undefined;
|
|
bgColor?: string | undefined;
|
|
completeIcon?: IconValue | undefined;
|
|
editIcon?: IconValue | undefined;
|
|
errorIcon?: IconValue | undefined;
|
|
} & {}, {}, {}, {}, {}, {
|
|
flat: boolean;
|
|
variant: "default" | "inset" | "accordion" | "popout";
|
|
style: vue.StyleValue;
|
|
eager: boolean;
|
|
mobile: boolean | null;
|
|
disabled: boolean;
|
|
multiple: boolean;
|
|
readonly: boolean;
|
|
tag: string;
|
|
mandatory: boolean | "force";
|
|
focusable: boolean;
|
|
rounded: string | number | boolean;
|
|
items: readonly StepperItem[];
|
|
tile: boolean;
|
|
ripple: boolean | {
|
|
class: string;
|
|
} | undefined;
|
|
collapseIcon: IconValue;
|
|
expandIcon: IconValue;
|
|
itemTitle: string;
|
|
itemValue: string;
|
|
hideActions: boolean;
|
|
prevText: string;
|
|
nextText: string;
|
|
editable: boolean;
|
|
altLabels: boolean;
|
|
nonLinear: boolean;
|
|
}>;
|
|
__isFragment?: never;
|
|
__isTeleport?: never;
|
|
__isSuspense?: never;
|
|
} & vue.ComponentOptionsBase<{
|
|
flat: boolean;
|
|
variant: "default" | "inset" | "accordion" | "popout";
|
|
style: vue.StyleValue;
|
|
eager: boolean;
|
|
mobile: boolean | null;
|
|
disabled: boolean;
|
|
multiple: boolean;
|
|
readonly: boolean;
|
|
tag: string;
|
|
mandatory: boolean | "force";
|
|
focusable: boolean;
|
|
items: readonly StepperItem[];
|
|
tile: boolean;
|
|
ripple: boolean | {
|
|
class: string;
|
|
} | undefined;
|
|
collapseIcon: IconValue;
|
|
expandIcon: IconValue;
|
|
itemTitle: string;
|
|
itemValue: string;
|
|
hideActions: boolean;
|
|
prevText: string;
|
|
nextText: string;
|
|
editable: boolean;
|
|
altLabels: boolean;
|
|
nonLinear: boolean;
|
|
} & {
|
|
max?: number | undefined;
|
|
color?: string | undefined;
|
|
class?: any;
|
|
theme?: string | undefined;
|
|
elevation?: string | number | undefined;
|
|
mobileBreakpoint?: number | DisplayBreakpoint | undefined;
|
|
rounded?: string | number | boolean | undefined;
|
|
selectedClass?: string | undefined;
|
|
bgColor?: string | undefined;
|
|
completeIcon?: IconValue | undefined;
|
|
editIcon?: IconValue | undefined;
|
|
errorIcon?: IconValue | undefined;
|
|
} & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
|
|
'update:modelValue': (val: any) => true;
|
|
}, "$children" | "v-slots" | "v-slot:default" | "modelValue" | "v-slot:title" | "update:modelValue" | "v-slot:next" | "v-slot:prev" | "v-slot:subtitle" | "v-slot:actions" | `v-slot:item.${string}` | "v-slot:icon" | `v-slot:header-item.${string}`>, string, {
|
|
flat: boolean;
|
|
variant: "default" | "inset" | "accordion" | "popout";
|
|
style: vue.StyleValue;
|
|
eager: boolean;
|
|
mobile: boolean | null;
|
|
disabled: boolean;
|
|
multiple: boolean;
|
|
readonly: boolean;
|
|
tag: string;
|
|
mandatory: boolean | "force";
|
|
focusable: boolean;
|
|
rounded: string | number | boolean;
|
|
items: readonly StepperItem[];
|
|
tile: boolean;
|
|
ripple: boolean | {
|
|
class: string;
|
|
} | undefined;
|
|
collapseIcon: IconValue;
|
|
expandIcon: IconValue;
|
|
itemTitle: string;
|
|
itemValue: string;
|
|
hideActions: boolean;
|
|
prevText: string;
|
|
nextText: string;
|
|
editable: boolean;
|
|
altLabels: boolean;
|
|
nonLinear: boolean;
|
|
}, {}, string, vue.SlotsType<Partial<{
|
|
[x: `header-item.${string}`]: (arg: StepperItemSlot<unknown>) => vue.VNode[];
|
|
[x: `item.${string}`]: (arg: StepperItemSlot<unknown>) => vue.VNode[];
|
|
actions: (arg: StepperVerticalItemActionSlot<unknown>) => vue.VNode[];
|
|
default: (arg: VStepperSlot & {
|
|
step: unknown;
|
|
}) => vue.VNode[];
|
|
icon: (arg: StepperItemSlot<unknown>) => vue.VNode[];
|
|
title: (arg: StepperItemSlot<unknown>) => vue.VNode[];
|
|
subtitle: (arg: StepperItemSlot<unknown>) => vue.VNode[];
|
|
prev: (arg: StepperVerticalItemActionSlot<unknown>) => vue.VNode[];
|
|
next: (arg: StepperVerticalItemActionSlot<unknown>) => vue.VNode[];
|
|
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T = number>(props: {
|
|
modelValue?: T;
|
|
"onUpdate:modelValue"?: (value: T) => void;
|
|
}, slots: VStepperVerticalSlots<T>) => GenericProps<typeof props, typeof slots>) & FilterPropsOptions<{
|
|
flat: BooleanConstructor;
|
|
variant: Omit<{
|
|
type: vue.PropType<"default" | "inset" | "accordion" | "popout">;
|
|
default: string;
|
|
validator: (v: any) => boolean;
|
|
}, "type" | "default"> & {
|
|
type: vue.PropType<"default" | "inset" | "accordion" | "popout">;
|
|
default: NonNullable<"default" | "inset" | "accordion" | "popout">;
|
|
};
|
|
max: NumberConstructor;
|
|
color: StringConstructor;
|
|
style: {
|
|
type: vue.PropType<vue.StyleValue>;
|
|
default: null;
|
|
};
|
|
eager: BooleanConstructor;
|
|
disabled: BooleanConstructor;
|
|
multiple: BooleanConstructor;
|
|
readonly: BooleanConstructor;
|
|
class: vue.PropType<ClassValue>;
|
|
theme: StringConstructor;
|
|
tag: {
|
|
type: StringConstructor;
|
|
default: string;
|
|
};
|
|
mandatory: {
|
|
type: vue.PropType<boolean | "force">;
|
|
default: NonNullable<boolean | "force">;
|
|
};
|
|
elevation: {
|
|
type: (StringConstructor | NumberConstructor)[];
|
|
validator(v: any): boolean;
|
|
};
|
|
focusable: BooleanConstructor;
|
|
modelValue: {
|
|
type: null;
|
|
default: undefined;
|
|
};
|
|
rounded: {
|
|
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
default: undefined;
|
|
};
|
|
tile: BooleanConstructor;
|
|
selectedClass: StringConstructor;
|
|
bgColor: StringConstructor;
|
|
ripple: {
|
|
type: vue.PropType<RippleDirectiveBinding["value"]>;
|
|
default: boolean;
|
|
};
|
|
collapseIcon: {
|
|
type: vue.PropType<IconValue>;
|
|
default: string;
|
|
};
|
|
expandIcon: {
|
|
type: vue.PropType<IconValue>;
|
|
default: string;
|
|
};
|
|
hideActions: BooleanConstructor;
|
|
mobile: {
|
|
type: vue.PropType<boolean | null>;
|
|
default: boolean;
|
|
};
|
|
mobileBreakpoint: vue.PropType<number | DisplayBreakpoint>;
|
|
altLabels: BooleanConstructor;
|
|
completeIcon: vue.PropType<IconValue>;
|
|
editIcon: vue.PropType<IconValue>;
|
|
editable: BooleanConstructor;
|
|
errorIcon: vue.PropType<IconValue>;
|
|
items: {
|
|
type: vue.PropType<readonly StepperItem[]>;
|
|
default: () => never[];
|
|
};
|
|
itemTitle: {
|
|
type: StringConstructor;
|
|
default: string;
|
|
};
|
|
itemValue: {
|
|
type: StringConstructor;
|
|
default: string;
|
|
};
|
|
nonLinear: BooleanConstructor;
|
|
prevText: {
|
|
type: StringConstructor;
|
|
default: string;
|
|
};
|
|
nextText: {
|
|
type: StringConstructor;
|
|
default: string;
|
|
};
|
|
}, vue.ExtractPropTypes<{
|
|
flat: BooleanConstructor;
|
|
variant: Omit<{
|
|
type: vue.PropType<"default" | "inset" | "accordion" | "popout">;
|
|
default: string;
|
|
validator: (v: any) => boolean;
|
|
}, "type" | "default"> & {
|
|
type: vue.PropType<"default" | "inset" | "accordion" | "popout">;
|
|
default: NonNullable<"default" | "inset" | "accordion" | "popout">;
|
|
};
|
|
max: NumberConstructor;
|
|
color: StringConstructor;
|
|
style: {
|
|
type: vue.PropType<vue.StyleValue>;
|
|
default: null;
|
|
};
|
|
eager: BooleanConstructor;
|
|
disabled: BooleanConstructor;
|
|
multiple: BooleanConstructor;
|
|
readonly: BooleanConstructor;
|
|
class: vue.PropType<ClassValue>;
|
|
theme: StringConstructor;
|
|
tag: {
|
|
type: StringConstructor;
|
|
default: string;
|
|
};
|
|
mandatory: {
|
|
type: vue.PropType<boolean | "force">;
|
|
default: NonNullable<boolean | "force">;
|
|
};
|
|
elevation: {
|
|
type: (StringConstructor | NumberConstructor)[];
|
|
validator(v: any): boolean;
|
|
};
|
|
focusable: BooleanConstructor;
|
|
modelValue: {
|
|
type: null;
|
|
default: undefined;
|
|
};
|
|
rounded: {
|
|
type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
default: undefined;
|
|
};
|
|
tile: BooleanConstructor;
|
|
selectedClass: StringConstructor;
|
|
bgColor: StringConstructor;
|
|
ripple: {
|
|
type: vue.PropType<RippleDirectiveBinding["value"]>;
|
|
default: boolean;
|
|
};
|
|
collapseIcon: {
|
|
type: vue.PropType<IconValue>;
|
|
default: string;
|
|
};
|
|
expandIcon: {
|
|
type: vue.PropType<IconValue>;
|
|
default: string;
|
|
};
|
|
hideActions: BooleanConstructor;
|
|
mobile: {
|
|
type: vue.PropType<boolean | null>;
|
|
default: boolean;
|
|
};
|
|
mobileBreakpoint: vue.PropType<number | DisplayBreakpoint>;
|
|
altLabels: BooleanConstructor;
|
|
completeIcon: vue.PropType<IconValue>;
|
|
editIcon: vue.PropType<IconValue>;
|
|
editable: BooleanConstructor;
|
|
errorIcon: vue.PropType<IconValue>;
|
|
items: {
|
|
type: vue.PropType<readonly StepperItem[]>;
|
|
default: () => never[];
|
|
};
|
|
itemTitle: {
|
|
type: StringConstructor;
|
|
default: string;
|
|
};
|
|
itemValue: {
|
|
type: StringConstructor;
|
|
default: string;
|
|
};
|
|
nonLinear: BooleanConstructor;
|
|
prevText: {
|
|
type: StringConstructor;
|
|
default: string;
|
|
};
|
|
nextText: {
|
|
type: StringConstructor;
|
|
default: string;
|
|
};
|
|
}>>;
|
|
type VStepperVertical = InstanceType<typeof VStepperVertical>;
|
|
|
|
declare const VStepperVerticalActions: {
|
|
new (...args: any[]): vue.CreateComponentPublicInstance<{
|
|
disabled: boolean | "next" | "prev";
|
|
prevText: string;
|
|
nextText: string;
|
|
} & {
|
|
color?: string | undefined;
|
|
} & {
|
|
$children?: {} | vue.VNodeChild | {
|
|
prev?: ((arg: {
|
|
props: {
|
|
onClick: () => void;
|
|
};
|
|
}) => vue.VNodeChild) | undefined;
|
|
next?: ((arg: {
|
|
props: {
|
|
onClick: () => void;
|
|
};
|
|
}) => vue.VNodeChild) | undefined;
|
|
};
|
|
'v-slots'?: {
|
|
prev?: false | ((arg: {
|
|
props: {
|
|
onClick: () => void;
|
|
};
|
|
}) => vue.VNodeChild) | undefined;
|
|
next?: false | ((arg: {
|
|
props: {
|
|
onClick: () => void;
|
|
};
|
|
}) => vue.VNodeChild) | undefined;
|
|
} | undefined;
|
|
} & {
|
|
"v-slot:prev"?: false | ((arg: {
|
|
props: {
|
|
onClick: () => void;
|
|
};
|
|
}) => vue.VNodeChild) | undefined;
|
|
"v-slot:next"?: false | ((arg: {
|
|
props: {
|
|
onClick: () => void;
|
|
};
|
|
}) => vue.VNodeChild) | undefined;
|
|
} & {
|
|
"onClick:prev"?: (() => any) | undefined;
|
|
"onClick:next"?: (() => any) | undefined;
|
|
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
'click:prev': () => true;
|
|
'click:next': () => true;
|
|
}, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
|
|
disabled: boolean | "next" | "prev";
|
|
prevText: string;
|
|
nextText: string;
|
|
} & {
|
|
color?: string | undefined;
|
|
} & {
|
|
$children?: {} | vue.VNodeChild | {
|
|
prev?: ((arg: {
|
|
props: {
|
|
onClick: () => void;
|
|
};
|
|
}) => vue.VNodeChild) | undefined;
|
|
next?: ((arg: {
|
|
props: {
|
|
onClick: () => void;
|
|
};
|
|
}) => vue.VNodeChild) | undefined;
|
|
};
|
|
'v-slots'?: {
|
|
prev?: false | ((arg: {
|
|
props: {
|
|
onClick: () => void;
|
|
};
|
|
}) => vue.VNodeChild) | undefined;
|
|
next?: false | ((arg: {
|
|
props: {
|
|
onClick: () => void;
|
|
};
|
|
}) => vue.VNodeChild) | undefined;
|
|
} | undefined;
|
|
} & {
|
|
"v-slot:prev"?: false | ((arg: {
|
|
props: {
|
|
onClick: () => void;
|
|
};
|
|
}) => vue.VNodeChild) | undefined;
|
|
"v-slot:next"?: false | ((arg: {
|
|
props: {
|
|
onClick: () => void;
|
|
};
|
|
}) => vue.VNodeChild) | undefined;
|
|
} & {
|
|
"onClick:prev"?: (() => any) | undefined;
|
|
"onClick:next"?: (() => any) | undefined;
|
|
}, {
|
|
disabled: boolean | "next" | "prev";
|
|
prevText: string;
|
|
nextText: string;
|
|
}, true, {}, vue.SlotsType<Partial<{
|
|
prev: (arg: {
|
|
props: {
|
|
onClick: () => void;
|
|
};
|
|
}) => vue.VNode[];
|
|
next: (arg: {
|
|
props: {
|
|
onClick: () => void;
|
|
};
|
|
}) => vue.VNode[];
|
|
}>>, {
|
|
P: {};
|
|
B: {};
|
|
D: {};
|
|
C: {};
|
|
M: {};
|
|
Defaults: {};
|
|
}, {
|
|
disabled: boolean | "next" | "prev";
|
|
prevText: string;
|
|
nextText: string;
|
|
} & {
|
|
color?: string | undefined;
|
|
} & {
|
|
$children?: {} | vue.VNodeChild | {
|
|
prev?: ((arg: {
|
|
props: {
|
|
onClick: () => void;
|
|
};
|
|
}) => vue.VNodeChild) | undefined;
|
|
next?: ((arg: {
|
|
props: {
|
|
onClick: () => void;
|
|
};
|
|
}) => vue.VNodeChild) | undefined;
|
|
};
|
|
'v-slots'?: {
|
|
prev?: false | ((arg: {
|
|
props: {
|
|
onClick: () => void;
|
|
};
|
|
}) => vue.VNodeChild) | undefined;
|
|
next?: false | ((arg: {
|
|
props: {
|
|
onClick: () => void;
|
|
};
|
|
}) => vue.VNodeChild) | undefined;
|
|
} | undefined;
|
|
} & {
|
|
"v-slot:prev"?: false | ((arg: {
|
|
props: {
|
|
onClick: () => void;
|
|
};
|
|
}) => vue.VNodeChild) | undefined;
|
|
"v-slot:next"?: false | ((arg: {
|
|
props: {
|
|
onClick: () => void;
|
|
};
|
|
}) => vue.VNodeChild) | undefined;
|
|
} & {
|
|
"onClick:prev"?: (() => any) | undefined;
|
|
"onClick:next"?: (() => any) | undefined;
|
|
}, {}, {}, {}, {}, {
|
|
disabled: boolean | "next" | "prev";
|
|
prevText: string;
|
|
nextText: string;
|
|
}>;
|
|
__isFragment?: never;
|
|
__isTeleport?: never;
|
|
__isSuspense?: never;
|
|
} & vue.ComponentOptionsBase<{
|
|
disabled: boolean | "next" | "prev";
|
|
prevText: string;
|
|
nextText: string;
|
|
} & {
|
|
color?: string | undefined;
|
|
} & {
|
|
$children?: {} | vue.VNodeChild | {
|
|
prev?: ((arg: {
|
|
props: {
|
|
onClick: () => void;
|
|
};
|
|
}) => vue.VNodeChild) | undefined;
|
|
next?: ((arg: {
|
|
props: {
|
|
onClick: () => void;
|
|
};
|
|
}) => vue.VNodeChild) | undefined;
|
|
};
|
|
'v-slots'?: {
|
|
prev?: false | ((arg: {
|
|
props: {
|
|
onClick: () => void;
|
|
};
|
|
}) => vue.VNodeChild) | undefined;
|
|
next?: false | ((arg: {
|
|
props: {
|
|
onClick: () => void;
|
|
};
|
|
}) => vue.VNodeChild) | undefined;
|
|
} | undefined;
|
|
} & {
|
|
"v-slot:prev"?: false | ((arg: {
|
|
props: {
|
|
onClick: () => void;
|
|
};
|
|
}) => vue.VNodeChild) | undefined;
|
|
"v-slot:next"?: false | ((arg: {
|
|
props: {
|
|
onClick: () => void;
|
|
};
|
|
}) => vue.VNodeChild) | undefined;
|
|
} & {
|
|
"onClick:prev"?: (() => any) | undefined;
|
|
"onClick:next"?: (() => any) | undefined;
|
|
}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
'click:prev': () => true;
|
|
'click:next': () => true;
|
|
}, string, {
|
|
disabled: boolean | "next" | "prev";
|
|
prevText: string;
|
|
nextText: string;
|
|
}, {}, string, vue.SlotsType<Partial<{
|
|
prev: (arg: {
|
|
props: {
|
|
onClick: () => void;
|
|
};
|
|
}) => vue.VNode[];
|
|
next: (arg: {
|
|
props: {
|
|
onClick: () => void;
|
|
};
|
|
}) => vue.VNode[];
|
|
}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
|
|
color: StringConstructor;
|
|
disabled: {
|
|
type: vue.PropType<boolean | "next" | "prev">;
|
|
default: boolean;
|
|
};
|
|
prevText: {
|
|
type: StringConstructor;
|
|
default: string;
|
|
};
|
|
nextText: {
|
|
type: StringConstructor;
|
|
default: string;
|
|
};
|
|
}, vue.ExtractPropTypes<{
|
|
color: StringConstructor;
|
|
disabled: {
|
|
type: vue.PropType<boolean | "next" | "prev">;
|
|
default: boolean;
|
|
};
|
|
prevText: {
|
|
type: StringConstructor;
|
|
default: string;
|
|
};
|
|
nextText: {
|
|
type: StringConstructor;
|
|
default: string;
|
|
};
|
|
}>>;
|
|
type VStepperVerticalActions = InstanceType<typeof VStepperVerticalActions>;
|
|
|
|
export { VStepperVertical, VStepperVerticalActions, VStepperVerticalItem };
|