@formkl/vue
Version:
A Vue adapter to generate usable Vue from component from Formkl syntax/schema
117 lines (116 loc) • 8.95 kB
TypeScript
import { PropType } from "vue";
import { Formkl, Schema } from "@formkl/shared";
declare const _sfc_main: import("vue").DefineComponent<{}, {
props: any;
emit: (event: "update:modelValue", model: any) => void;
vm: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
currentTheme: import("vue").ComputedRef<import("@formkl/shared").Theme<any, any>>;
formComputed: import("vue").ComputedRef<Formkl>;
attrs: {
[x: string]: unknown;
};
listerers$: import("vue").ComputedRef<{}>;
_buildSchema: () => void;
VNodeLayout: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
VNodeFormWrapper: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
FormNode: import("vue").DefineComponent<{
form: PropType<Formkl>;
modelValue: {
type: PropType<Schema>;
required: true;
};
}, {
props: any;
emit: (event: "update:modelValue", model: any) => void;
handleUpdateSection: (value: any, section: any) => void;
SectionNode: import("vue").DefineComponent<{
form: PropType<Formkl>;
section: PropType<import("@formkl/shared").Section>;
modelValue: {
type: (ObjectConstructor | ArrayConstructor)[];
default: () => {};
};
}, {
props: any;
emit: (event: "update:modelValue", model: any) => void;
handleUpdateFieldMultiple: (value: any, field: import("@formkl/shared").FieldDefault | import("@formkl/shared").FieldSelection | import("@formkl/shared").FieldCustom, index: number) => void;
handleUpdateFieldSingle: (value: any, field: import("@formkl/shared").FieldDefault | import("@formkl/shared").FieldSelection | import("@formkl/shared").FieldCustom) => void;
handleAddValueSectionMultiple: () => void;
handleRemoveValueSectionMultiple: (index: number) => void;
currentTheme: import("vue").ComputedRef<import("@formkl/shared").Theme<any, any>>;
VNodeBtnAddSection: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
VNodeBtnRemoveSection: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
FieldNode: import("vue").DefineComponent<{
form: PropType<Formkl>;
section: PropType<import("@formkl/shared").Section>;
field: PropType<import("@formkl/shared").FieldDefault | import("@formkl/shared").FieldSelection | import("@formkl/shared").FieldCustom>;
modelValue: {
type: PropType<any>;
default: () => any;
};
}, {
props: any;
emit: (event: "update:modelValue", ...args: any[]) => void;
handleUpdateFieldMultiple: (value: any, index: number) => void;
handleUpdateFieldSingle: (value: any) => void;
handleAddValueFieldMultiple: () => void;
handleRemoveValueFieldMultiple: (index: number) => void;
currentTheme: import("vue").ComputedRef<import("@formkl/shared").Theme<any, any>>;
VNodeFieldWrapper: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
VNodeField: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
VNodeBtnAddField: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
VNodeBtnRemoveField: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
form: PropType<Formkl>;
section: PropType<import("@formkl/shared").Section>;
field: PropType<import("@formkl/shared").FieldDefault | import("@formkl/shared").FieldSelection | import("@formkl/shared").FieldCustom>;
modelValue: {
type: PropType<any>;
default: () => any;
};
}>> & {
"onUpdate:modelValue"?: (...args: any[]) => any;
}, {
modelValue: any;
}>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
form: PropType<Formkl>;
section: PropType<import("@formkl/shared").Section>;
modelValue: {
type: (ObjectConstructor | ArrayConstructor)[];
default: () => {};
};
}>> & {
"onUpdate:modelValue"?: (...args: any[]) => any;
}, {
modelValue: unknown[] | Record<string, any>;
}>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
form: PropType<Formkl>;
modelValue: {
type: PropType<Schema>;
required: true;
};
}>> & {
"onUpdate:modelValue"?: (...args: any[]) => any;
}, {}>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
"onUpdate:modelValue"?: (...args: any[]) => any;
}, {}>;
export default _sfc_main;