@wdns/vuetify-stepper-form
Version:
The Vuetify Stepper Form plugin provides a structured way to create multi-step forms using Vue 3, TypeScript, and Vuetify. It features a stepper layout that allows users to navigate between steps with form validation. The plugin is customizable and stream
125 lines (124 loc) • 8.26 kB
TypeScript
import { VSFCustomProps } from './index';
declare let __VLS_typeProps: VSFCustomProps;
type __VLS_PublicProps = {
modelValue?: any;
} & typeof __VLS_typeProps;
declare function __VLS_template(): {
slots: Partial<Record<string, (_: {
altLabels?: import('vuetify/lib/components').VStepper["altLabels"] | undefined;
bgColor?: import('vuetify/lib/components').VStepper["bgColor"];
border?: import('vuetify/lib/components').VStepper["border"];
disabled?: import('vuetify/lib/components').VStepper["disabled"] | undefined;
editIcon?: import('vuetify/lib/components').VStepper["editIcon"];
elevation?: import('vuetify/lib/components').VStepper["elevation"];
flat?: import('vuetify/lib/components').VStepper["flat"] | undefined;
height?: import('vuetify/lib/components').VStepper["height"];
hideActions?: import('vuetify/lib/components').VStepper["hideActions"] | undefined;
maxHeight?: import('vuetify/lib/components').VStepper["maxHeight"];
maxWidth?: import('vuetify/lib/components').VStepper["maxWidth"];
minHeight?: import('vuetify/lib/components').VStepper["minHeight"];
minWidth?: import('vuetify/lib/components').VStepper["minWidth"];
nextText?: import('vuetify/lib/components').VStepper["nextText"] | undefined;
prevText?: import('vuetify/lib/components').VStepper["prevText"] | undefined;
rounded?: import('vuetify/lib/components').VStepper["rounded"] | undefined;
selectedClass?: import('vuetify/lib/components').VStepper["selectedClass"] | undefined;
tag?: import('vuetify/lib/components').VStepper["tag"] | undefined;
theme?: import('vuetify/lib/components').VStepper["theme"];
tile?: import('vuetify/lib/components').VStepper["tile"] | undefined;
autoPage?: boolean | undefined;
autoPageDelay?: number | undefined;
color?: string | undefined;
density?: import('../../../types').GlobalDensity | undefined;
direction?: ("horizontal" | "vertical") | undefined;
editable?: import('vuetify/lib/components').VStepperItem["editable"] | undefined;
errorIcon?: import('vuetify/lib/components').VStepperItem["errorIcon"] | undefined;
fieldColumns?: import('../../../types').ResponsiveColumns | undefined;
headerTooltips?: boolean | undefined;
hideDetails?: import('../../../types').GlobalHideDetails;
jumpAhead?: boolean | undefined;
keepValuesOnUnmount?: boolean | undefined;
navButtonSize?: import('vuetify/lib/components').VBtn["size"] | undefined;
navButtonVariant?: import('vuetify/lib/components').VBtn["variant"] | undefined;
submitLoading?: boolean | undefined;
summaryColumns?: import('../../../types').ResponsiveColumns | undefined;
title?: string | undefined;
tooltipLocation?: import('vuetify/lib/components').VTooltip["location"] | undefined;
tooltipOffset?: import('vuetify/lib/components').VTooltip["offset"];
tooltipTransition?: import('vuetify/lib/components').VTooltip["transition"] | undefined;
validateOn?: import('../../../types').Field["validateOn"];
validateOnMount?: boolean | undefined;
variant?: string | undefined;
width?: string | undefined;
transition?: import('vuetify/lib/components').VStepperWindowItem["transition"] | undefined;
FieldLabel: import('vue').DefineComponent<import('../../shared/FieldLabel.vue').FieldLabelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('../../shared/FieldLabel.vue').FieldLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
blur: () => Promise<void>;
change: () => Promise<void>;
input: () => Promise<void>;
onUpdate: (value: any) => void;
field: {
options: KeyStringAny<any> | undefined;
required: boolean | undefined;
altLabels?: import('vuetify/lib/components').VStepper["altLabels"] | undefined;
bgColor?: import('vuetify/lib/components').VStepper["bgColor"];
border?: import('vuetify/lib/components').VStepper["border"];
disabled?: import('vuetify/lib/components').VStepper["disabled"] | undefined;
editIcon?: import('vuetify/lib/components').VStepper["editIcon"];
elevation?: import('vuetify/lib/components').VStepper["elevation"];
flat?: import('vuetify/lib/components').VStepper["flat"] | undefined;
height?: import('vuetify/lib/components').VStepper["height"];
hideActions?: import('vuetify/lib/components').VStepper["hideActions"] | undefined;
maxHeight?: import('vuetify/lib/components').VStepper["maxHeight"];
maxWidth?: import('vuetify/lib/components').VStepper["maxWidth"];
minHeight?: import('vuetify/lib/components').VStepper["minHeight"];
minWidth?: import('vuetify/lib/components').VStepper["minWidth"];
nextText?: import('vuetify/lib/components').VStepper["nextText"] | undefined;
prevText?: import('vuetify/lib/components').VStepper["prevText"] | undefined;
rounded?: import('vuetify/lib/components').VStepper["rounded"] | undefined;
selectedClass?: import('vuetify/lib/components').VStepper["selectedClass"] | undefined;
tag?: import('vuetify/lib/components').VStepper["tag"] | undefined;
theme?: import('vuetify/lib/components').VStepper["theme"];
tile?: import('vuetify/lib/components').VStepper["tile"] | undefined;
autoPage?: boolean | undefined;
autoPageDelay?: number | undefined;
color?: string | undefined;
density?: import('../../../types').GlobalDensity | undefined;
direction?: ("horizontal" | "vertical") | undefined;
editable?: import('vuetify/lib/components').VStepperItem["editable"] | undefined;
errorIcon?: import('vuetify/lib/components').VStepperItem["errorIcon"] | undefined;
fieldColumns?: import('../../../types').ResponsiveColumns | undefined;
headerTooltips?: boolean | undefined;
hideDetails?: import('../../../types').GlobalHideDetails;
jumpAhead?: boolean | undefined;
keepValuesOnUnmount?: boolean | undefined;
navButtonSize?: import('vuetify/lib/components').VBtn["size"] | undefined;
navButtonVariant?: import('vuetify/lib/components').VBtn["variant"] | undefined;
submitLoading?: boolean | undefined;
summaryColumns?: import('../../../types').ResponsiveColumns | undefined;
title?: string | undefined;
tooltipLocation?: import('vuetify/lib/components').VTooltip["location"] | undefined;
tooltipOffset?: import('vuetify/lib/components').VTooltip["offset"];
tooltipTransition?: import('vuetify/lib/components').VTooltip["transition"] | undefined;
validateOn?: import('../../../types').Field["validateOn"];
validateOnMount?: boolean | undefined;
variant?: string | undefined;
width?: string | undefined;
transition?: import('vuetify/lib/components').VStepperWindowItem["transition"] | undefined;
errorMessages: any;
};
}) => any>>;
refs: {};
attrs: Partial<{}>;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
validate: (...args: any[]) => void;
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
onValidate?: ((...args: any[]) => any) | undefined;
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S;
};
};