UNPKG

@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
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; }; };