ai-form-designer
Version:
vue3+adv的设计器,可视化开发页面表单
480 lines (479 loc) • 24.6 kB
TypeScript
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;
};
};