UNPKG

snowy-designer

Version:

基于Epic-Designer-Pro版本的设计器,可视化开发页面表单

361 lines (360 loc) 18.5 kB
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; }; };