snowy-designer
Version:
基于Epic-Designer-Pro版本的设计器,可视化开发页面表单
361 lines (360 loc) • 18.5 kB
TypeScript
import { ComponentSchema, FormDataModel } from '../../../types/src/index';
import { PropType, Ref } from 'vue';
import { Form } from 'vant';
interface FormInstance extends InstanceType<typeof Form> {
clearValidate: () => void;
getData?: () => FormDataModel;
resetValidation: () => void;
setData?: (FormDataModel: any) => void;
validate: () => void;
validateFields: () => void;
}
/**
* 获取表单数据
*/
declare function getData(): FormDataModel;
/**
* 校验表单数据
*/
declare function validate(): void | undefined;
/**
* 设置表单数据
* @param data
*/
declare function setData(data: FormDataModel): void;
declare function __VLS_template(): {
attrs: Partial<{}>;
slots: {
default?(_: {}): any;
'edit-node'?(_: {}): any;
node?(_: {
componentSchema: ComponentSchema;
}): any;
};
refs: {
form: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
disabled: boolean;
readonly: boolean;
colon: boolean;
showError: boolean;
scrollToError: boolean;
validateFirst: boolean;
submitOnEnter: boolean;
showErrorMessage: boolean;
validateTrigger: import('vant').FieldValidateTrigger | import('vant').FieldValidateTrigger[];
}> & Omit<{
readonly disabled: boolean;
readonly readonly: boolean;
readonly colon: boolean;
readonly validateTrigger: import('vant').FieldValidateTrigger | import('vant').FieldValidateTrigger[];
readonly validateFirst: boolean;
readonly scrollToError: boolean;
readonly showError: boolean;
readonly submitOnEnter: boolean;
readonly showErrorMessage: boolean;
readonly required?: boolean | "auto" | undefined;
readonly labelWidth?: string | number | undefined;
readonly labelAlign?: import('vant').FieldTextAlign | undefined;
readonly inputAlign?: import('vant').FieldTextAlign | undefined;
readonly errorMessageAlign?: import('vant').FieldTextAlign | undefined;
readonly scrollToErrorPosition?: ScrollLogicalPosition | undefined;
readonly onSubmit?: ((...args: any[]) => any) | undefined | undefined;
readonly onFailed?: ((...args: any[]) => any) | undefined | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "readonly" | "colon" | "validateTrigger" | "validateFirst" | "scrollToError" | "showError" | "submitOnEnter" | "showErrorMessage">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: (event: "submit" | "failed", ...args: any[]) => void;
$el: any;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
colon: BooleanConstructor;
disabled: BooleanConstructor;
readonly: BooleanConstructor;
required: import('vue').PropType<boolean | "auto">;
showError: BooleanConstructor;
labelWidth: (NumberConstructor | StringConstructor)[];
labelAlign: import('vue').PropType<import('vant').FieldTextAlign>;
inputAlign: import('vue').PropType<import('vant').FieldTextAlign>;
scrollToError: BooleanConstructor;
scrollToErrorPosition: import('vue').PropType<ScrollLogicalPosition>;
validateFirst: BooleanConstructor;
submitOnEnter: {
type: BooleanConstructor;
default: true;
};
showErrorMessage: {
type: BooleanConstructor;
default: true;
};
errorMessageAlign: import('vue').PropType<import('vant').FieldTextAlign>;
validateTrigger: {
type: import('vue').PropType<import('vant').FieldValidateTrigger | import('vant').FieldValidateTrigger[]>;
default: string;
};
}>> & Readonly<{
onSubmit?: ((...args: any[]) => any) | undefined;
onFailed?: ((...args: any[]) => any) | undefined;
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("submit" | "failed")[], string, {
disabled: boolean;
readonly: boolean;
colon: boolean;
showError: boolean;
scrollToError: boolean;
validateFirst: boolean;
submitOnEnter: boolean;
showErrorMessage: boolean;
validateTrigger: import('vant').FieldValidateTrigger | import('vant').FieldValidateTrigger[];
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof import('vue').nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{
disabled: boolean;
readonly: boolean;
colon: boolean;
showError: boolean;
scrollToError: boolean;
validateFirst: boolean;
submitOnEnter: boolean;
showErrorMessage: boolean;
validateTrigger: import('vant').FieldValidateTrigger | import('vant').FieldValidateTrigger[];
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
colon: BooleanConstructor;
disabled: BooleanConstructor;
readonly: BooleanConstructor;
required: import('vue').PropType<boolean | "auto">;
showError: BooleanConstructor;
labelWidth: (NumberConstructor | StringConstructor)[];
labelAlign: import('vue').PropType<import('vant').FieldTextAlign>;
inputAlign: import('vue').PropType<import('vant').FieldTextAlign>;
scrollToError: BooleanConstructor;
scrollToErrorPosition: import('vue').PropType<ScrollLogicalPosition>;
validateFirst: BooleanConstructor;
submitOnEnter: {
type: BooleanConstructor;
default: true;
};
showErrorMessage: {
type: BooleanConstructor;
default: true;
};
errorMessageAlign: import('vue').PropType<import('vant').FieldTextAlign>;
validateTrigger: {
type: import('vue').PropType<import('vant').FieldValidateTrigger | import('vant').FieldValidateTrigger[]>;
default: string;
};
}>> & Readonly<{
onSubmit?: ((...args: any[]) => any) | undefined;
onFailed?: ((...args: any[]) => any) | undefined;
}>, "disabled" | "readonly" | "colon" | "validateTrigger" | "validateFirst" | "scrollToError" | "showError" | "submitOnEnter" | "showErrorMessage"> & import('vue').ShallowUnwrapRef<() => import("vue/jsx-runtime").JSX.Element> & {} & import('vue').ComponentCustomProperties & {} & {
$props: {
onClick?: (...args: any[]) => void;
};
}) | null;
};
rootEl: HTMLDivElement;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
componentSchema: {
default: () => {};
require: boolean;
type: PropType<ComponentSchema>;
};
}>, {
form: Ref<FormInstance | null, FormInstance | null>;
getData: typeof getData;
setData: typeof setData;
validate: typeof validate;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
componentSchema: {
default: () => {};
require: boolean;
type: PropType<ComponentSchema>;
};
}>> & Readonly<{}>, {
componentSchema: ComponentSchema;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
form: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: Partial<{
disabled: boolean;
readonly: boolean;
colon: boolean;
showError: boolean;
scrollToError: boolean;
validateFirst: boolean;
submitOnEnter: boolean;
showErrorMessage: boolean;
validateTrigger: import('vant').FieldValidateTrigger | import('vant').FieldValidateTrigger[];
}> & Omit<{
readonly disabled: boolean;
readonly readonly: boolean;
readonly colon: boolean;
readonly validateTrigger: import('vant').FieldValidateTrigger | import('vant').FieldValidateTrigger[];
readonly validateFirst: boolean;
readonly scrollToError: boolean;
readonly showError: boolean;
readonly submitOnEnter: boolean;
readonly showErrorMessage: boolean;
readonly required?: boolean | "auto" | undefined;
readonly labelWidth?: string | number | undefined;
readonly labelAlign?: import('vant').FieldTextAlign | undefined;
readonly inputAlign?: import('vant').FieldTextAlign | undefined;
readonly errorMessageAlign?: import('vant').FieldTextAlign | undefined;
readonly scrollToErrorPosition?: ScrollLogicalPosition | undefined;
readonly onSubmit?: ((...args: any[]) => any) | undefined | undefined;
readonly onFailed?: ((...args: any[]) => any) | undefined | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "readonly" | "colon" | "validateTrigger" | "validateFirst" | "scrollToError" | "showError" | "submitOnEnter" | "showErrorMessage">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: (event: "submit" | "failed", ...args: any[]) => void;
$el: any;
$options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
colon: BooleanConstructor;
disabled: BooleanConstructor;
readonly: BooleanConstructor;
required: import('vue').PropType<boolean | "auto">;
showError: BooleanConstructor;
labelWidth: (NumberConstructor | StringConstructor)[];
labelAlign: import('vue').PropType<import('vant').FieldTextAlign>;
inputAlign: import('vue').PropType<import('vant').FieldTextAlign>;
scrollToError: BooleanConstructor;
scrollToErrorPosition: import('vue').PropType<ScrollLogicalPosition>;
validateFirst: BooleanConstructor;
submitOnEnter: {
type: BooleanConstructor;
default: true;
};
showErrorMessage: {
type: BooleanConstructor;
default: true;
};
errorMessageAlign: import('vue').PropType<import('vant').FieldTextAlign>;
validateTrigger: {
type: import('vue').PropType<import('vant').FieldValidateTrigger | import('vant').FieldValidateTrigger[]>;
default: string;
};
}>> & Readonly<{
onSubmit?: ((...args: any[]) => any) | undefined;
onFailed?: ((...args: any[]) => any) | undefined;
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("submit" | "failed")[], string, {
disabled: boolean;
readonly: boolean;
colon: boolean;
showError: boolean;
scrollToError: boolean;
validateFirst: boolean;
submitOnEnter: boolean;
showErrorMessage: boolean;
validateTrigger: import('vant').FieldValidateTrigger | import('vant').FieldValidateTrigger[];
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof import('vue').nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{
disabled: boolean;
readonly: boolean;
colon: boolean;
showError: boolean;
scrollToError: boolean;
validateFirst: boolean;
submitOnEnter: boolean;
showErrorMessage: boolean;
validateTrigger: import('vant').FieldValidateTrigger | import('vant').FieldValidateTrigger[];
}> & Omit<Readonly<import('vue').ExtractPropTypes<{
colon: BooleanConstructor;
disabled: BooleanConstructor;
readonly: BooleanConstructor;
required: import('vue').PropType<boolean | "auto">;
showError: BooleanConstructor;
labelWidth: (NumberConstructor | StringConstructor)[];
labelAlign: import('vue').PropType<import('vant').FieldTextAlign>;
inputAlign: import('vue').PropType<import('vant').FieldTextAlign>;
scrollToError: BooleanConstructor;
scrollToErrorPosition: import('vue').PropType<ScrollLogicalPosition>;
validateFirst: BooleanConstructor;
submitOnEnter: {
type: BooleanConstructor;
default: true;
};
showErrorMessage: {
type: BooleanConstructor;
default: true;
};
errorMessageAlign: import('vue').PropType<import('vant').FieldTextAlign>;
validateTrigger: {
type: import('vue').PropType<import('vant').FieldValidateTrigger | import('vant').FieldValidateTrigger[]>;
default: string;
};
}>> & Readonly<{
onSubmit?: ((...args: any[]) => any) | undefined;
onFailed?: ((...args: any[]) => any) | undefined;
}>, "disabled" | "readonly" | "colon" | "validateTrigger" | "validateFirst" | "scrollToError" | "showError" | "submitOnEnter" | "showErrorMessage"> & import('vue').ShallowUnwrapRef<() => import("vue/jsx-runtime").JSX.Element> & {} & import('vue').ComponentCustomProperties & {} & {
$props: {
onClick?: (...args: any[]) => void;
};
}) | null;
}, HTMLDivElement>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S;
};
};