@formkl/vue
Version:
A Vue adapter to generate usable Vue from component from Formkl syntax/schema
78 lines (77 loc) • 5.42 kB
TypeScript
import { PropType } from "vue";
import { FieldCustom, FieldDefault, FieldSelection, Formkl, Section } from "@formkl/shared";
declare const _sfc_main: import("vue").DefineComponent<{
form: PropType<Formkl>;
section: PropType<Section>;
modelValue: {
type: (ObjectConstructor | ArrayConstructor)[];
default: () => {};
};
}, {
props: any;
emit: (event: "update:modelValue", model: any) => void;
handleUpdateFieldMultiple: (value: any, field: FieldDefault | FieldSelection | FieldCustom, index: number) => void;
handleUpdateFieldSingle: (value: any, field: FieldDefault | FieldSelection | 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<Section>;
field: PropType<FieldDefault | FieldSelection | 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<Section>;
field: PropType<FieldDefault | FieldSelection | 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<Section>;
modelValue: {
type: (ObjectConstructor | ArrayConstructor)[];
default: () => {};
};
}>> & {
"onUpdate:modelValue"?: (...args: any[]) => any;
}, {
modelValue: unknown[] | Record<string, any>;
}>;
export default _sfc_main;