UNPKG

ai-form-designer

Version:

vue3+adv的设计器,可视化开发页面表单

480 lines (479 loc) 24.6 kB
declare function __VLS_template(): { attrs: Partial<{}>; slots: { default?(_: {}): any; }; refs: { form: ({ $: import('vue').ComponentInternalInstance; $data: {}; $props: Partial<{ readonly required: boolean; readonly labelWidth: string | number; readonly labelPosition: "" | "right" | "left" | "top"; readonly inlineMessage: string | boolean; readonly showMessage: boolean; }> & Omit<{ readonly labelWidth: string | number; readonly labelPosition: "" | "right" | "left" | "top"; readonly inlineMessage: string | boolean; readonly showMessage: boolean; readonly required?: boolean | undefined; readonly label?: string | undefined; readonly rules?: (import('element-plus').FormItemRule | import('element-plus').FormItemRule[]) | undefined; readonly size?: ("" | "small" | "default" | "large") | undefined; readonly error?: string | undefined; readonly prop?: import('element-plus').FormItemProp | undefined; readonly validateStatus?: ("" | "error" | "success" | "validating") | undefined; readonly for?: string | undefined; } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "required" | "labelWidth" | "labelPosition" | "inlineMessage" | "showMessage">; $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: string, ...args: any[]) => void; $el: any; $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{ readonly label: StringConstructor; readonly labelWidth: { readonly type: import('vue').PropType<string | number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; readonly labelPosition: { readonly type: import('vue').PropType<"" | "right" | "left" | "top">; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; readonly prop: { readonly type: import('vue').PropType<import('element-plus').FormItemProp>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly required: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: undefined; }; readonly rules: { readonly type: import('vue').PropType<import('element-plus').FormItemRule | import('element-plus').FormItemRule[]>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly error: StringConstructor; readonly validateStatus: { readonly type: import('vue').PropType<"" | "error" | "success" | "validating">; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly for: StringConstructor; readonly inlineMessage: { readonly type: import('vue').PropType<string | boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; readonly showMessage: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; readonly size: { readonly type: import('vue').PropType<"" | "small" | "default" | "large">; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; }>>, { size: import('vue').ComputedRef<"" | "small" | "default" | "large">; validateMessage: import('vue').Ref<string>; validateState: import('vue').Ref<"" | "error" | "success" | "validating">; validate: (trigger: string, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult; clearValidate: () => void; resetField: () => void; }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Record<string, any>, string, { readonly required: boolean; readonly labelWidth: string | number; readonly labelPosition: "" | "right" | "left" | "top"; readonly inlineMessage: string | boolean; readonly showMessage: boolean; }, {}, 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<{ readonly required: boolean; readonly labelWidth: string | number; readonly labelPosition: "" | "right" | "left" | "top"; readonly inlineMessage: string | boolean; readonly showMessage: boolean; }> & Omit<Readonly<import('vue').ExtractPropTypes<{ readonly label: StringConstructor; readonly labelWidth: { readonly type: import('vue').PropType<string | number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; readonly labelPosition: { readonly type: import('vue').PropType<"" | "right" | "left" | "top">; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; readonly prop: { readonly type: import('vue').PropType<import('element-plus').FormItemProp>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly required: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: undefined; }; readonly rules: { readonly type: import('vue').PropType<import('element-plus').FormItemRule | import('element-plus').FormItemRule[]>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly error: StringConstructor; readonly validateStatus: { readonly type: import('vue').PropType<"" | "error" | "success" | "validating">; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly for: StringConstructor; readonly inlineMessage: { readonly type: import('vue').PropType<string | boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; readonly showMessage: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; readonly size: { readonly type: import('vue').PropType<"" | "small" | "default" | "large">; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; }>>, "required" | "size" | "labelWidth" | "validate" | "labelPosition" | "inlineMessage" | "showMessage" | "clearValidate" | "validateMessage" | "validateState" | "resetField"> & import('vue').ShallowUnwrapRef<{ size: import('vue').ComputedRef<"" | "small" | "default" | "large">; validateMessage: import('vue').Ref<string>; validateState: import('vue').Ref<"" | "error" | "success" | "validating">; validate: (trigger: string, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult; clearValidate: () => void; resetField: () => void; }> & {} & import('vue').ComponentCustomProperties & {} & { $slots: { label?(_: { label: string; }): any; default?(_: {}): any; error?(_: { error: string; }): any; }; }) | null; }; rootEl: any; }; type __VLS_TemplateResult = ReturnType<typeof __VLS_template>; declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, { form: ({ $: import('vue').ComponentInternalInstance; $data: {}; $props: Partial<{ readonly required: boolean; readonly labelWidth: string | number; readonly labelPosition: "" | "right" | "left" | "top"; readonly inlineMessage: string | boolean; readonly showMessage: boolean; }> & Omit<{ readonly labelWidth: string | number; readonly labelPosition: "" | "right" | "left" | "top"; readonly inlineMessage: string | boolean; readonly showMessage: boolean; readonly required?: boolean | undefined; readonly label?: string | undefined; readonly rules?: (import('element-plus').FormItemRule | import('element-plus').FormItemRule[]) | undefined; readonly size?: ("" | "small" | "default" | "large") | undefined; readonly error?: string | undefined; readonly prop?: import('element-plus').FormItemProp | undefined; readonly validateStatus?: ("" | "error" | "success" | "validating") | undefined; readonly for?: string | undefined; } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "required" | "labelWidth" | "labelPosition" | "inlineMessage" | "showMessage">; $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: string, ...args: any[]) => void; $el: any; $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{ readonly label: StringConstructor; readonly labelWidth: { readonly type: import('vue').PropType<string | number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; readonly labelPosition: { readonly type: import('vue').PropType<"" | "right" | "left" | "top">; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; readonly prop: { readonly type: import('vue').PropType<import('element-plus').FormItemProp>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly required: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: undefined; }; readonly rules: { readonly type: import('vue').PropType<import('element-plus').FormItemRule | import('element-plus').FormItemRule[]>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly error: StringConstructor; readonly validateStatus: { readonly type: import('vue').PropType<"" | "error" | "success" | "validating">; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly for: StringConstructor; readonly inlineMessage: { readonly type: import('vue').PropType<string | boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; readonly showMessage: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; readonly size: { readonly type: import('vue').PropType<"" | "small" | "default" | "large">; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; }>>, { size: import('vue').ComputedRef<"" | "small" | "default" | "large">; validateMessage: import('vue').Ref<string>; validateState: import('vue').Ref<"" | "error" | "success" | "validating">; validate: (trigger: string, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult; clearValidate: () => void; resetField: () => void; }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Record<string, any>, string, { readonly required: boolean; readonly labelWidth: string | number; readonly labelPosition: "" | "right" | "left" | "top"; readonly inlineMessage: string | boolean; readonly showMessage: boolean; }, {}, 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<{ readonly required: boolean; readonly labelWidth: string | number; readonly labelPosition: "" | "right" | "left" | "top"; readonly inlineMessage: string | boolean; readonly showMessage: boolean; }> & Omit<Readonly<import('vue').ExtractPropTypes<{ readonly label: StringConstructor; readonly labelWidth: { readonly type: import('vue').PropType<string | number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; readonly labelPosition: { readonly type: import('vue').PropType<"" | "right" | "left" | "top">; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; readonly prop: { readonly type: import('vue').PropType<import('element-plus').FormItemProp>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly required: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: undefined; }; readonly rules: { readonly type: import('vue').PropType<import('element-plus').FormItemRule | import('element-plus').FormItemRule[]>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly error: StringConstructor; readonly validateStatus: { readonly type: import('vue').PropType<"" | "error" | "success" | "validating">; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly for: StringConstructor; readonly inlineMessage: { readonly type: import('vue').PropType<string | boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; readonly showMessage: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; readonly size: { readonly type: import('vue').PropType<"" | "small" | "default" | "large">; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; }>>, "required" | "size" | "labelWidth" | "validate" | "labelPosition" | "inlineMessage" | "showMessage" | "clearValidate" | "validateMessage" | "validateState" | "resetField"> & import('vue').ShallowUnwrapRef<{ size: import('vue').ComputedRef<"" | "small" | "default" | "large">; validateMessage: import('vue').Ref<string>; validateState: import('vue').Ref<"" | "error" | "success" | "validating">; validate: (trigger: string, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult; clearValidate: () => void; resetField: () => void; }> & {} & import('vue').ComponentCustomProperties & {} & { $slots: { label?(_: { label: string; }): any; default?(_: {}): any; error?(_: { error: string; }): any; }; }) | null; }, any>; declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>; export default _default; type __VLS_WithTemplateSlots<T, S> = T & { new (): { $slots: S; }; };