UNPKG

xdesign-vue-next

Version:

XDesign Component for vue-next

591 lines (590 loc) 29 kB
import { TdFormProps, TdFormItemProps, Data } from './type'; import './style'; export * from './type'; export declare type FormProps<FormData extends Data = Data> = TdFormProps<FormData>; export declare type FormItemProps = TdFormItemProps; export declare const Form: { new (...args: any[]): { $: import("vue").ComponentInternalInstance; $data: {}; $props: { data?: {}; disabled?: boolean; layout?: "inline" | "vertical"; showErrorMessage?: boolean; labelAlign?: "left" | "top" | "right"; labelWidth?: string | number; statusIcon?: boolean | ((h: typeof import("vue").h, props: TdFormItemProps) => import("..").SlotReturnValue); requiredMark?: boolean; colon?: boolean; resetType?: "empty" | "initial"; preventSubmitDefault?: boolean; submitWithWarningMessage?: boolean; key?: string | number | symbol; style?: unknown; readonly onReset?: (context: { e?: Event; }) => void; readonly onSubmit?: (context: import("./type").SubmitContext<Data>) => void; class?: unknown; ref?: import("vue").VNodeRef; ref_for?: boolean; ref_key?: string; onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void)[]; onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void)[]; onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void)[]; onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void)[]; onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void)[]; onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void)[]; readonly onValidate?: (result: import("./type").ValidateResultContext<Data>) => void; readonly rules?: import("./type").FormRules<Data>; readonly errorMessage?: unknown; readonly formControlledComponents?: string[]; readonly scrollToFirstError?: "" | "auto" | "smooth"; }; $attrs: { [x: string]: unknown; }; $refs: { [x: string]: unknown; }; $slots: Readonly<{ [name: string]: import("vue").Slot<any>; }>; $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>; $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>; $emit: (event: string, ...args: any[]) => void; $el: any; $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{ colon: BooleanConstructor; data: { type: import("vue").PropType<Data>; default: () => {}; }; disabled: { type: BooleanConstructor; default: any; }; errorMessage: { type: import("vue").PropType<import("./type").FormErrorMessage>; }; formControlledComponents: { type: import("vue").PropType<string[]>; }; labelAlign: { type: import("vue").PropType<"left" | "top" | "right">; default: "left" | "top" | "right"; validator(val: "left" | "top" | "right"): boolean; }; labelWidth: { type: import("vue").PropType<string | number>; default: string | number; }; layout: { type: import("vue").PropType<"inline" | "vertical">; default: "inline" | "vertical"; validator(val: "inline" | "vertical"): boolean; }; preventSubmitDefault: { type: BooleanConstructor; default: boolean; }; requiredMark: { type: BooleanConstructor; default: any; }; resetType: { type: import("vue").PropType<"empty" | "initial">; default: "empty" | "initial"; validator(val: "empty" | "initial"): boolean; }; rules: { type: import("vue").PropType<import("./type").FormRules<Data>>; }; scrollToFirstError: { type: import("vue").PropType<"" | "auto" | "smooth">; validator(val: "" | "auto" | "smooth"): boolean; }; showErrorMessage: { type: BooleanConstructor; default: boolean; }; statusIcon: { type: import("vue").PropType<boolean | ((h: typeof import("vue").h, props: TdFormItemProps) => import("..").SlotReturnValue)>; default: boolean | ((h: typeof import("vue").h, props: TdFormItemProps) => import("..").SlotReturnValue); }; submitWithWarningMessage: BooleanConstructor; onReset: import("vue").PropType<(context: { e?: Event; }) => void>; onSubmit: import("vue").PropType<(context: import("./type").SubmitContext<Data>) => void>; onValidate: import("vue").PropType<(result: import("./type").ValidateResultContext<Data>) => void>; }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, { data: {}; disabled: boolean; layout: "inline" | "vertical"; showErrorMessage: boolean; labelAlign: "left" | "top" | "right"; labelWidth: string | number; statusIcon: boolean | ((h: typeof import("vue").h, props: TdFormItemProps) => import("..").SlotReturnValue); requiredMark: boolean; colon: boolean; resetType: "empty" | "initial"; preventSubmitDefault: boolean; submitWithWarningMessage: boolean; }, {}, string, {}> & { 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<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, 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_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle; } & Readonly<import("vue").ExtractPropTypes<{ colon: BooleanConstructor; data: { type: import("vue").PropType<Data>; default: () => {}; }; disabled: { type: BooleanConstructor; default: any; }; errorMessage: { type: import("vue").PropType<import("./type").FormErrorMessage>; }; formControlledComponents: { type: import("vue").PropType<string[]>; }; labelAlign: { type: import("vue").PropType<"left" | "top" | "right">; default: "left" | "top" | "right"; validator(val: "left" | "top" | "right"): boolean; }; labelWidth: { type: import("vue").PropType<string | number>; default: string | number; }; layout: { type: import("vue").PropType<"inline" | "vertical">; default: "inline" | "vertical"; validator(val: "inline" | "vertical"): boolean; }; preventSubmitDefault: { type: BooleanConstructor; default: boolean; }; requiredMark: { type: BooleanConstructor; default: any; }; resetType: { type: import("vue").PropType<"empty" | "initial">; default: "empty" | "initial"; validator(val: "empty" | "initial"): boolean; }; rules: { type: import("vue").PropType<import("./type").FormRules<Data>>; }; scrollToFirstError: { type: import("vue").PropType<"" | "auto" | "smooth">; validator(val: "" | "auto" | "smooth"): boolean; }; showErrorMessage: { type: BooleanConstructor; default: boolean; }; statusIcon: { type: import("vue").PropType<boolean | ((h: typeof import("vue").h, props: TdFormItemProps) => import("..").SlotReturnValue)>; default: boolean | ((h: typeof import("vue").h, props: TdFormItemProps) => import("..").SlotReturnValue); }; submitWithWarningMessage: BooleanConstructor; onReset: import("vue").PropType<(context: { e?: Event; }) => void>; onSubmit: import("vue").PropType<(context: import("./type").SubmitContext<Data>) => void>; onValidate: import("vue").PropType<(result: import("./type").ValidateResultContext<Data>) => void>; }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {}; __isFragment?: never; __isTeleport?: never; __isSuspense?: never; } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{ colon: BooleanConstructor; data: { type: import("vue").PropType<Data>; default: () => {}; }; disabled: { type: BooleanConstructor; default: any; }; errorMessage: { type: import("vue").PropType<import("./type").FormErrorMessage>; }; formControlledComponents: { type: import("vue").PropType<string[]>; }; labelAlign: { type: import("vue").PropType<"left" | "top" | "right">; default: "left" | "top" | "right"; validator(val: "left" | "top" | "right"): boolean; }; labelWidth: { type: import("vue").PropType<string | number>; default: string | number; }; layout: { type: import("vue").PropType<"inline" | "vertical">; default: "inline" | "vertical"; validator(val: "inline" | "vertical"): boolean; }; preventSubmitDefault: { type: BooleanConstructor; default: boolean; }; requiredMark: { type: BooleanConstructor; default: any; }; resetType: { type: import("vue").PropType<"empty" | "initial">; default: "empty" | "initial"; validator(val: "empty" | "initial"): boolean; }; rules: { type: import("vue").PropType<import("./type").FormRules<Data>>; }; scrollToFirstError: { type: import("vue").PropType<"" | "auto" | "smooth">; validator(val: "" | "auto" | "smooth"): boolean; }; showErrorMessage: { type: BooleanConstructor; default: boolean; }; statusIcon: { type: import("vue").PropType<boolean | ((h: typeof import("vue").h, props: TdFormItemProps) => import("..").SlotReturnValue)>; default: boolean | ((h: typeof import("vue").h, props: TdFormItemProps) => import("..").SlotReturnValue); }; submitWithWarningMessage: BooleanConstructor; onReset: import("vue").PropType<(context: { e?: Event; }) => void>; onSubmit: import("vue").PropType<(context: import("./type").SubmitContext<Data>) => void>; onValidate: import("vue").PropType<(result: import("./type").ValidateResultContext<Data>) => void>; }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, { data: {}; disabled: boolean; layout: "inline" | "vertical"; showErrorMessage: boolean; labelAlign: "left" | "top" | "right"; labelWidth: string | number; statusIcon: boolean | ((h: typeof import("vue").h, props: TdFormItemProps) => import("..").SlotReturnValue); requiredMark: boolean; colon: boolean; resetType: "empty" | "initial"; preventSubmitDefault: boolean; submitWithWarningMessage: boolean; }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>; export declare const FormItem: { new (...args: any[]): { $: import("vue").ComponentInternalInstance; $data: {}; $props: { name?: string; label?: string | ((h: typeof import("vue").h) => import("..").SlotReturnValue); status?: "error" | "success" | "warning" | "validating"; for?: string; showErrorMessage?: boolean; statusIcon?: boolean | ((h: typeof import("vue").h) => import("..").SlotReturnValue); requiredMark?: boolean; successBorder?: boolean; key?: string | number | symbol; style?: unknown; readonly help?: string | ((h: typeof import("vue").h) => import("..").SlotReturnValue); class?: unknown; ref?: import("vue").VNodeRef; ref_for?: boolean; ref_key?: string; onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void)[]; onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void)[]; onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void)[]; onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void)[]; onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void)[]; onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }>) => void)[]; readonly tips?: string | ((h: typeof import("vue").h) => import("..").SlotReturnValue); readonly labelAlign?: "left" | "top" | "right"; readonly labelWidth?: string | number; readonly rules?: import("./type").FormRule[]; }; $attrs: { [x: string]: unknown; }; $refs: { [x: string]: unknown; }; $slots: Readonly<{ [name: string]: import("vue").Slot<any>; }>; $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>; $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>; $emit: (event: string, ...args: any[]) => void; $el: any; $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{ for: { type: StringConstructor; default: string; }; help: { type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>; }; label: { type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>; default: string | ((h: typeof import("vue").h) => import("..").SlotReturnValue); }; labelAlign: { type: import("vue").PropType<"left" | "top" | "right">; validator(val: "left" | "top" | "right"): boolean; }; labelWidth: { type: import("vue").PropType<string | number>; }; name: { type: StringConstructor; default: string; }; requiredMark: { type: BooleanConstructor; default: any; }; rules: { type: import("vue").PropType<import("./type").FormRule[]>; }; showErrorMessage: { type: BooleanConstructor; default: any; }; status: { type: import("vue").PropType<"error" | "success" | "warning" | "validating">; default: "error" | "success" | "warning" | "validating"; }; statusIcon: { type: import("vue").PropType<boolean | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>; default: boolean | ((h: typeof import("vue").h) => import("..").SlotReturnValue); }; successBorder: BooleanConstructor; tips: { type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>; }; }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, { name: string; label: string | ((h: typeof import("vue").h) => import("..").SlotReturnValue); status: "error" | "success" | "warning" | "validating"; for: string; showErrorMessage: boolean; statusIcon: boolean | ((h: typeof import("vue").h) => import("..").SlotReturnValue); requiredMark: boolean; successBorder: boolean; }, {}, string, {}> & { 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<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, 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_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle; } & Readonly<import("vue").ExtractPropTypes<{ for: { type: StringConstructor; default: string; }; help: { type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>; }; label: { type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>; default: string | ((h: typeof import("vue").h) => import("..").SlotReturnValue); }; labelAlign: { type: import("vue").PropType<"left" | "top" | "right">; validator(val: "left" | "top" | "right"): boolean; }; labelWidth: { type: import("vue").PropType<string | number>; }; name: { type: StringConstructor; default: string; }; requiredMark: { type: BooleanConstructor; default: any; }; rules: { type: import("vue").PropType<import("./type").FormRule[]>; }; showErrorMessage: { type: BooleanConstructor; default: any; }; status: { type: import("vue").PropType<"error" | "success" | "warning" | "validating">; default: "error" | "success" | "warning" | "validating"; }; statusIcon: { type: import("vue").PropType<boolean | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>; default: boolean | ((h: typeof import("vue").h) => import("..").SlotReturnValue); }; successBorder: BooleanConstructor; tips: { type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>; }; }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {}; __isFragment?: never; __isTeleport?: never; __isSuspense?: never; } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{ for: { type: StringConstructor; default: string; }; help: { type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>; }; label: { type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>; default: string | ((h: typeof import("vue").h) => import("..").SlotReturnValue); }; labelAlign: { type: import("vue").PropType<"left" | "top" | "right">; validator(val: "left" | "top" | "right"): boolean; }; labelWidth: { type: import("vue").PropType<string | number>; }; name: { type: StringConstructor; default: string; }; requiredMark: { type: BooleanConstructor; default: any; }; rules: { type: import("vue").PropType<import("./type").FormRule[]>; }; showErrorMessage: { type: BooleanConstructor; default: any; }; status: { type: import("vue").PropType<"error" | "success" | "warning" | "validating">; default: "error" | "success" | "warning" | "validating"; }; statusIcon: { type: import("vue").PropType<boolean | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>; default: boolean | ((h: typeof import("vue").h) => import("..").SlotReturnValue); }; successBorder: BooleanConstructor; tips: { type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("..").SlotReturnValue)>; }; }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, { name: string; label: string | ((h: typeof import("vue").h) => import("..").SlotReturnValue); status: "error" | "success" | "warning" | "validating"; for: string; showErrorMessage: boolean; statusIcon: boolean | ((h: typeof import("vue").h) => import("..").SlotReturnValue); requiredMark: boolean; successBorder: boolean; }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>; export default Form;