@arco-design/web-vue
Version:
Arco Design Vue 2.0: A Vue.js 3 UI Library
1,110 lines • 95.7 kB
TypeScript
import type { App } from 'vue';
import type { ArcoOptions } from '../_utils/types';
import _Form from './form';
import _FormItem from './form-item';
declare const Form: {
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
model: {
type: ObjectConstructor;
required: true;
};
layout: {
type: import("vue").PropType<"horizontal" | "vertical" | "inline">;
default: string;
};
size: {
type: import("vue").PropType<"mini" | "small" | "medium" | "large">;
};
labelColProps: {
type: ObjectConstructor;
default: () => {
span: number;
offset: number;
};
};
wrapperColProps: {
type: ObjectConstructor;
default: () => {
span: number;
offset: number;
};
};
labelColStyle: ObjectConstructor;
wrapperColStyle: ObjectConstructor;
labelAlign: {
type: import("vue").PropType<"left" | "right">;
default: string;
};
disabled: {
type: BooleanConstructor;
default: undefined;
};
rules: {
type: import("vue").PropType<Record<string, import("./interface").FieldRule<any> | import("./interface").FieldRule<any>[]>>;
};
autoLabelWidth: {
type: BooleanConstructor;
default: boolean;
};
id: {
type: StringConstructor;
};
scrollToFirstError: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{
onSubmit?: ((data: {
values: Record<string, any>;
errors: Record<string, import("./interface").ValidatedError> | undefined;
}, ev: Event) => any) | undefined;
onSubmitSuccess?: ((values: Record<string, any>, ev: Event) => any) | undefined;
onSubmitFailed?: ((data: {
values: Record<string, any>;
errors: Record<string, import("./interface").ValidatedError>;
}, ev: Event) => any) | undefined;
}>, {
cls: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
formRef: import("vue").Ref<HTMLFormElement | undefined, HTMLFormElement | undefined>;
handleSubmit: (e: Event) => void;
innerValidate: (callback?: ((errors: Record<string, import("./interface").ValidatedError> | undefined) => void) | undefined) => Promise<Record<string, import("./interface").ValidatedError> | undefined>;
innerValidateField: (field: string | string[], callback?: ((errors: Record<string, import("./interface").ValidatedError> | undefined) => void) | undefined) => Promise<Record<string, import("./interface").ValidatedError> | undefined>;
innerResetFields: (field?: string | string[] | undefined) => void;
innerClearValidate: (field?: string | string[] | undefined) => void;
innerSetFields: (data: Record<string, import("./interface").FieldData>) => void;
innerScrollToField: (field: string, options?: import("scroll-into-view-if-needed").Options<any> | undefined) => void;
}, {}, {}, {
validate(callback?: ((errors: Record<string, import("./interface").ValidatedError> | undefined) => void) | undefined): Promise<Record<string, import("./interface").ValidatedError> | undefined>;
validateField(field: string | string[], callback?: ((errors: Record<string, import("./interface").ValidatedError> | undefined) => void) | undefined): Promise<Record<string, import("./interface").ValidatedError> | undefined>;
resetFields(field?: string | string[] | undefined): void;
clearValidate(field?: string | string[] | undefined): void;
setFields(data: Record<string, import("./interface").FieldData>): void;
scrollToField(field: string): void;
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
submit: (data: {
values: Record<string, any>;
errors: Record<string, import("./interface").ValidatedError> | undefined;
}, ev: Event) => true;
submitSuccess: (values: Record<string, any>, ev: Event) => true;
submitFailed: (data: {
values: Record<string, any>;
errors: Record<string, import("./interface").ValidatedError>;
}, ev: Event) => true;
}, import("vue").PublicProps, {
disabled: boolean;
layout: "horizontal" | "vertical" | "inline";
labelColProps: Record<string, any>;
wrapperColProps: Record<string, any>;
labelAlign: "left" | "right";
autoLabelWidth: boolean;
scrollToFirstError: boolean;
}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import("vue").ExtractPropTypes<{
model: {
type: ObjectConstructor;
required: true;
};
layout: {
type: import("vue").PropType<"horizontal" | "vertical" | "inline">;
default: string;
};
size: {
type: import("vue").PropType<"mini" | "small" | "medium" | "large">;
};
labelColProps: {
type: ObjectConstructor;
default: () => {
span: number;
offset: number;
};
};
wrapperColProps: {
type: ObjectConstructor;
default: () => {
span: number;
offset: number;
};
};
labelColStyle: ObjectConstructor;
wrapperColStyle: ObjectConstructor;
labelAlign: {
type: import("vue").PropType<"left" | "right">;
default: string;
};
disabled: {
type: BooleanConstructor;
default: undefined;
};
rules: {
type: import("vue").PropType<Record<string, import("./interface").FieldRule<any> | import("./interface").FieldRule<any>[]>>;
};
autoLabelWidth: {
type: BooleanConstructor;
default: boolean;
};
id: {
type: StringConstructor;
};
scrollToFirstError: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{
onSubmit?: ((data: {
values: Record<string, any>;
errors: Record<string, import("./interface").ValidatedError> | undefined;
}, ev: Event) => any) | undefined;
onSubmitSuccess?: ((values: Record<string, any>, ev: Event) => any) | undefined;
onSubmitFailed?: ((data: {
values: Record<string, any>;
errors: Record<string, import("./interface").ValidatedError>;
}, ev: Event) => any) | undefined;
}>, {
cls: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
formRef: import("vue").Ref<HTMLFormElement | undefined, HTMLFormElement | undefined>;
handleSubmit: (e: Event) => void;
innerValidate: (callback?: ((errors: Record<string, import("./interface").ValidatedError> | undefined) => void) | undefined) => Promise<Record<string, import("./interface").ValidatedError> | undefined>;
innerValidateField: (field: string | string[], callback?: ((errors: Record<string, import("./interface").ValidatedError> | undefined) => void) | undefined) => Promise<Record<string, import("./interface").ValidatedError> | undefined>;
innerResetFields: (field?: string | string[] | undefined) => void;
innerClearValidate: (field?: string | string[] | undefined) => void;
innerSetFields: (data: Record<string, import("./interface").FieldData>) => void;
innerScrollToField: (field: string, options?: import("scroll-into-view-if-needed").Options<any> | undefined) => void;
}, {}, {}, {
validate(callback?: ((errors: Record<string, import("./interface").ValidatedError> | undefined) => void) | undefined): Promise<Record<string, import("./interface").ValidatedError> | undefined>;
validateField(field: string | string[], callback?: ((errors: Record<string, import("./interface").ValidatedError> | undefined) => void) | undefined): Promise<Record<string, import("./interface").ValidatedError> | undefined>;
resetFields(field?: string | string[] | undefined): void;
clearValidate(field?: string | string[] | undefined): void;
setFields(data: Record<string, import("./interface").FieldData>): void;
scrollToField(field: string): void;
}, {
disabled: boolean;
layout: "horizontal" | "vertical" | "inline";
labelColProps: Record<string, any>;
wrapperColProps: Record<string, any>;
labelAlign: "left" | "right";
autoLabelWidth: boolean;
scrollToFirstError: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
model: {
type: ObjectConstructor;
required: true;
};
layout: {
type: import("vue").PropType<"horizontal" | "vertical" | "inline">;
default: string;
};
size: {
type: import("vue").PropType<"mini" | "small" | "medium" | "large">;
};
labelColProps: {
type: ObjectConstructor;
default: () => {
span: number;
offset: number;
};
};
wrapperColProps: {
type: ObjectConstructor;
default: () => {
span: number;
offset: number;
};
};
labelColStyle: ObjectConstructor;
wrapperColStyle: ObjectConstructor;
labelAlign: {
type: import("vue").PropType<"left" | "right">;
default: string;
};
disabled: {
type: BooleanConstructor;
default: undefined;
};
rules: {
type: import("vue").PropType<Record<string, import("./interface").FieldRule<any> | import("./interface").FieldRule<any>[]>>;
};
autoLabelWidth: {
type: BooleanConstructor;
default: boolean;
};
id: {
type: StringConstructor;
};
scrollToFirstError: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{
onSubmit?: ((data: {
values: Record<string, any>;
errors: Record<string, import("./interface").ValidatedError> | undefined;
}, ev: Event) => any) | undefined;
onSubmitSuccess?: ((values: Record<string, any>, ev: Event) => any) | undefined;
onSubmitFailed?: ((data: {
values: Record<string, any>;
errors: Record<string, import("./interface").ValidatedError>;
}, ev: Event) => any) | undefined;
}>, {
cls: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
formRef: import("vue").Ref<HTMLFormElement | undefined, HTMLFormElement | undefined>;
handleSubmit: (e: Event) => void;
innerValidate: (callback?: ((errors: Record<string, import("./interface").ValidatedError> | undefined) => void) | undefined) => Promise<Record<string, import("./interface").ValidatedError> | undefined>;
innerValidateField: (field: string | string[], callback?: ((errors: Record<string, import("./interface").ValidatedError> | undefined) => void) | undefined) => Promise<Record<string, import("./interface").ValidatedError> | undefined>;
innerResetFields: (field?: string | string[] | undefined) => void;
innerClearValidate: (field?: string | string[] | undefined) => void;
innerSetFields: (data: Record<string, import("./interface").FieldData>) => void;
innerScrollToField: (field: string, options?: import("scroll-into-view-if-needed").Options<any> | undefined) => void;
}, {}, {}, {
validate(callback?: ((errors: Record<string, import("./interface").ValidatedError> | undefined) => void) | undefined): Promise<Record<string, import("./interface").ValidatedError> | undefined>;
validateField(field: string | string[], callback?: ((errors: Record<string, import("./interface").ValidatedError> | undefined) => void) | undefined): Promise<Record<string, import("./interface").ValidatedError> | undefined>;
resetFields(field?: string | string[] | undefined): void;
clearValidate(field?: string | string[] | undefined): void;
setFields(data: Record<string, import("./interface").FieldData>): void;
scrollToField(field: string): void;
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
submit: (data: {
values: Record<string, any>;
errors: Record<string, import("./interface").ValidatedError> | undefined;
}, ev: Event) => true;
submitSuccess: (values: Record<string, any>, ev: Event) => true;
submitFailed: (data: {
values: Record<string, any>;
errors: Record<string, import("./interface").ValidatedError>;
}, ev: Event) => true;
}, string, {
disabled: boolean;
layout: "horizontal" | "vertical" | "inline";
labelColProps: Record<string, any>;
wrapperColProps: Record<string, any>;
labelAlign: "left" | "right";
autoLabelWidth: boolean;
scrollToFirstError: boolean;
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
Item: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
field: {
type: StringConstructor;
default: string;
};
label: StringConstructor;
tooltip: {
type: StringConstructor;
};
showColon: {
type: BooleanConstructor;
default: boolean;
};
noStyle: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: undefined;
};
help: StringConstructor;
extra: StringConstructor;
required: {
type: BooleanConstructor;
default: boolean;
};
asteriskPosition: {
type: StringConstructor;
default: string;
};
rules: {
type: import("vue").PropType<import("./interface").FieldRule<any> | import("./interface").FieldRule<any>[]>;
};
validateStatus: {
type: import("vue").PropType<"error" | "success" | "warning" | "validating">;
};
validateTrigger: {
type: import("vue").PropType<"change" | "blur" | "focus" | "input" | ("change" | "blur" | "focus" | "input")[]>;
default: string;
};
labelColProps: ObjectConstructor;
wrapperColProps: ObjectConstructor;
hideLabel: {
type: BooleanConstructor;
default: boolean;
};
hideAsterisk: {
type: BooleanConstructor;
default: boolean;
};
labelColStyle: ObjectConstructor;
wrapperColStyle: ObjectConstructor;
rowProps: ObjectConstructor;
rowClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
contentClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
contentFlex: {
type: BooleanConstructor;
default: boolean;
};
mergeProps: {
type: import("vue").PropType<boolean | ((props: Record<string, any>) => Record<string, any>)>;
default: boolean;
};
labelColFlex: {
type: (StringConstructor | NumberConstructor)[];
};
feedback: {
type: BooleanConstructor;
default: boolean;
};
labelComponent: {
type: StringConstructor;
default: string;
};
labelAttrs: ObjectConstructor;
}>, {
prefixCls: string;
cls: import("vue").ComputedRef<(string | Record<string, any> | undefined)[]>;
isRequired: import("vue").ComputedRef<boolean>;
isError: import("vue").ComputedRef<boolean>;
finalMessage: import("vue").ComputedRef<string[]>;
mergedLabelCol: import("vue").ComputedRef<any>;
mergedWrapperCol: import("vue").ComputedRef<any>;
labelColCls: import("vue").ComputedRef<(string | {
[x: string]: string | number | boolean | undefined;
})[]>;
autoLabelWidth: import("vue").Ref<boolean | undefined, boolean | undefined> | undefined;
layout: import("vue").Ref<string | undefined, string | undefined> | undefined;
mergedLabelStyle: import("vue").ComputedRef<any>;
wrapperColCls: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
mergedWrapperStyle: import("vue").ComputedRef<any>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
field: {
type: StringConstructor;
default: string;
};
label: StringConstructor;
tooltip: {
type: StringConstructor;
};
showColon: {
type: BooleanConstructor;
default: boolean;
};
noStyle: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: undefined;
};
help: StringConstructor;
extra: StringConstructor;
required: {
type: BooleanConstructor;
default: boolean;
};
asteriskPosition: {
type: StringConstructor;
default: string;
};
rules: {
type: import("vue").PropType<import("./interface").FieldRule<any> | import("./interface").FieldRule<any>[]>;
};
validateStatus: {
type: import("vue").PropType<"error" | "success" | "warning" | "validating">;
};
validateTrigger: {
type: import("vue").PropType<"change" | "blur" | "focus" | "input" | ("change" | "blur" | "focus" | "input")[]>;
default: string;
};
labelColProps: ObjectConstructor;
wrapperColProps: ObjectConstructor;
hideLabel: {
type: BooleanConstructor;
default: boolean;
};
hideAsterisk: {
type: BooleanConstructor;
default: boolean;
};
labelColStyle: ObjectConstructor;
wrapperColStyle: ObjectConstructor;
rowProps: ObjectConstructor;
rowClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
contentClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
contentFlex: {
type: BooleanConstructor;
default: boolean;
};
mergeProps: {
type: import("vue").PropType<boolean | ((props: Record<string, any>) => Record<string, any>)>;
default: boolean;
};
labelColFlex: {
type: (StringConstructor | NumberConstructor)[];
};
feedback: {
type: BooleanConstructor;
default: boolean;
};
labelComponent: {
type: StringConstructor;
default: string;
};
labelAttrs: ObjectConstructor;
}>> & Readonly<{}>, {
disabled: boolean;
feedback: boolean;
required: boolean;
field: string;
showColon: boolean;
asteriskPosition: string;
noStyle: boolean;
validateTrigger: "change" | "blur" | "focus" | "input" | ("change" | "blur" | "focus" | "input")[];
hideLabel: boolean;
hideAsterisk: boolean;
contentFlex: boolean;
mergeProps: boolean | ((props: Record<string, any>) => Record<string, any>);
labelComponent: string;
}, {}, {
ArcoRow: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
gutter: {
type: import("vue").PropType<number | import("..").ResponsiveValue | [number | import("..").ResponsiveValue, number | import("..").ResponsiveValue]>;
default: number;
};
justify: {
type: import("vue").PropType<"start" | "end" | "space-around" | "space-between" | "center">;
default: string;
};
align: {
type: import("vue").PropType<"start" | "end" | "stretch" | "center">;
default: string;
};
div: {
type: BooleanConstructor;
};
wrap: {
type: BooleanConstructor;
default: boolean;
};
}>, {
classNames: import("vue").ComputedRef<{
[x: string]: boolean | "start" | "end" | "space-around" | "space-between" | "stretch" | "center";
}>;
styles: import("vue").ComputedRef<{
marginTop?: string | undefined;
marginBottom?: string | undefined;
marginLeft?: string | undefined;
marginRight?: string | undefined;
}>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
gutter: {
type: import("vue").PropType<number | import("..").ResponsiveValue | [number | import("..").ResponsiveValue, number | import("..").ResponsiveValue]>;
default: number;
};
justify: {
type: import("vue").PropType<"start" | "end" | "space-around" | "space-between" | "center">;
default: string;
};
align: {
type: import("vue").PropType<"start" | "end" | "stretch" | "center">;
default: string;
};
div: {
type: BooleanConstructor;
};
wrap: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{}>, {
div: boolean;
align: "start" | "end" | "stretch" | "center";
wrap: boolean;
justify: "start" | "end" | "space-around" | "space-between" | "center";
gutter: number | import("..").ResponsiveValue | [number | import("..").ResponsiveValue, number | import("..").ResponsiveValue];
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
ArcoCol: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
span: {
type: NumberConstructor;
default: number;
};
offset: {
type: NumberConstructor;
};
order: {
type: NumberConstructor;
};
xs: {
type: import("vue").PropType<number | {
[key: string]: any;
}>;
};
sm: {
type: import("vue").PropType<number | {
[key: string]: any;
}>;
};
md: {
type: import("vue").PropType<number | {
[key: string]: any;
}>;
};
lg: {
type: import("vue").PropType<number | {
[key: string]: any;
}>;
};
xl: {
type: import("vue").PropType<number | {
[key: string]: any;
}>;
};
xxl: {
type: import("vue").PropType<number | {
[key: string]: any;
}>;
};
flex: {
type: import("vue").PropType<string | number>;
};
}>, {
visible: import("vue").ComputedRef<boolean>;
classNames: import("vue").ComputedRef<string | {
[x: string]: number | boolean | undefined;
}>;
styles: import("vue").ComputedRef<{
flex?: import("../grid/interface").FlexType | undefined;
paddingLeft?: string | undefined;
paddingRight?: string | undefined;
paddingTop?: string | undefined;
paddingBottom?: string | undefined;
}>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
span: {
type: NumberConstructor;
default: number;
};
offset: {
type: NumberConstructor;
};
order: {
type: NumberConstructor;
};
xs: {
type: import("vue").PropType<number | {
[key: string]: any;
}>;
};
sm: {
type: import("vue").PropType<number | {
[key: string]: any;
}>;
};
md: {
type: import("vue").PropType<number | {
[key: string]: any;
}>;
};
lg: {
type: import("vue").PropType<number | {
[key: string]: any;
}>;
};
xl: {
type: import("vue").PropType<number | {
[key: string]: any;
}>;
};
xxl: {
type: import("vue").PropType<number | {
[key: string]: any;
}>;
};
flex: {
type: import("vue").PropType<string | number>;
};
}>> & Readonly<{}>, {
span: number;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
FormItemLabel: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
required: {
type: BooleanConstructor;
default: boolean;
};
showColon: {
type: BooleanConstructor;
default: boolean;
};
component: {
type: StringConstructor;
default: string;
};
asteriskPosition: {
type: StringConstructor;
default: string;
};
tooltip: {
type: StringConstructor;
};
attrs: ObjectConstructor;
}>, {
prefixCls: string;
labelRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
handleResize: () => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
required: {
type: BooleanConstructor;
default: boolean;
};
showColon: {
type: BooleanConstructor;
default: boolean;
};
component: {
type: StringConstructor;
default: string;
};
asteriskPosition: {
type: StringConstructor;
default: string;
};
tooltip: {
type: StringConstructor;
};
attrs: ObjectConstructor;
}>> & Readonly<{}>, {
required: boolean;
component: string;
showColon: boolean;
asteriskPosition: string;
}, {}, {
ResizeObserver: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
watchOnUpdated: BooleanConstructor;
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "resize"[], "resize", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
watchOnUpdated: BooleanConstructor;
}>> & Readonly<{
onResize?: ((...args: any[]) => any) | undefined;
}>, {
watchOnUpdated: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
Tooltip: {
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
popupVisible: {
type: BooleanConstructor;
default: undefined;
};
defaultPopupVisible: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
content: StringConstructor;
position: {
type: import("vue").PropType<"br" | "rt" | "tr" | "top" | "bottom" | "left" | "right" | "tl" | "bl" | "lt" | "lb" | "rb">;
default: string;
};
mini: {
type: BooleanConstructor;
default: boolean;
};
backgroundColor: {
type: StringConstructor;
};
contentClass: {
type: import("vue").PropType<import("../_utils/types").ClassName>;
};
contentStyle: {
type: import("vue").PropType<import("vue").CSSProperties>;
};
arrowClass: {
type: import("vue").PropType<import("../_utils/types").ClassName>;
};
arrowStyle: {
type: import("vue").PropType<import("vue").CSSProperties>;
};
popupContainer: {
type: import("vue").PropType<string | HTMLElement>;
};
}>> & Readonly<{
"onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
}>, {
prefixCls: string;
computedPopupVisible: import("vue").ComputedRef<boolean>;
contentCls: import("vue").ComputedRef<(import("../_utils/types").ClassName | undefined)[]>;
computedContentStyle: import("vue").ComputedRef<import("vue").CSSProperties | undefined>;
arrowCls: import("vue").ComputedRef<(import("../_utils/types").ClassName | undefined)[]>;
computedArrowStyle: import("vue").ComputedRef<import("vue").CSSProperties | undefined>;
handlePopupVisibleChange: (visible: boolean) => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
'update:popupVisible': (visible: boolean) => true;
popupVisibleChange: (visible: boolean) => true;
}, import("vue").PublicProps, {
mini: boolean;
disabled: boolean;
position: "br" | "rt" | "tr" | "top" | "bottom" | "left" | "right" | "tl" | "bl" | "lt" | "lb" | "rb";
popupVisible: boolean;
defaultPopupVisible: boolean;
}, true, {}, {}, {
Trigger: {
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
popupVisible: {
type: BooleanConstructor;
default: undefined;
};
defaultPopupVisible: {
type: BooleanConstructor;
default: boolean;
};
trigger: {
type: import("vue").PropType<"focus" | "hover" | "click" | "contextMenu" | ("focus" | "hover" | "click" | "contextMenu")[]>;
default: string;
};
position: {
type: import("vue").PropType<"br" | "rt" | "tr" | "top" | "bottom" | "left" | "right" | "tl" | "bl" | "lt" | "lb" | "rb">;
default: string;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
popupOffset: {
type: NumberConstructor;
default: number;
};
popupTranslate: {
type: import("vue").PropType<import("..").TriggerPopupTranslate>;
};
showArrow: {
type: BooleanConstructor;
default: boolean;
};
alignPoint: {
type: BooleanConstructor;
default: boolean;
};
popupHoverStay: {
type: BooleanConstructor;
default: boolean;
};
blurToClose: {
type: BooleanConstructor;
default: boolean;
};
clickToClose: {
type: BooleanConstructor;
default: boolean;
};
clickOutsideToClose: {
type: BooleanConstructor;
default: boolean;
};
unmountOnClose: {
type: BooleanConstructor;
default: boolean;
};
contentClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
};
contentStyle: {
type: import("vue").PropType<import("vue").CSSProperties>;
};
arrowClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
};
arrowStyle: {
type: import("vue").PropType<import("vue").CSSProperties>;
};
popupStyle: {
type: import("vue").PropType<import("vue").CSSProperties>;
};
animationName: {
type: StringConstructor;
default: string;
};
duration: {
type: import("vue").PropType<number | {
enter: number;
leave: number;
}>;
};
mouseEnterDelay: {
type: NumberConstructor;
default: number;
};
mouseLeaveDelay: {
type: NumberConstructor;
default: number;
};
focusDelay: {
type: NumberConstructor;
default: number;
};
autoFitPopupWidth: {
type: BooleanConstructor;
default: boolean;
};
autoFitPopupMinWidth: {
type: BooleanConstructor;
default: boolean;
};
autoFixPosition: {
type: BooleanConstructor;
default: boolean;
};
popupContainer: {
type: import("vue").PropType<string | HTMLElement>;
};
updateAtScroll: {
type: BooleanConstructor;
default: boolean;
};
autoFitTransformOrigin: {
type: BooleanConstructor;
default: boolean;
};
hideEmpty: {
type: BooleanConstructor;
default: boolean;
};
openedClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
};
autoFitPosition: {
type: BooleanConstructor;
default: boolean;
};
renderToBody: {
type: BooleanConstructor;
default: boolean;
};
preventFocus: {
type: BooleanConstructor;
default: boolean;
};
scrollToClose: {
type: BooleanConstructor;
default: boolean;
};
scrollToCloseDistance: {
type: NumberConstructor;
default: number;
};
}>> & Readonly<{
onResize?: (() => any) | undefined;
onHide?: (() => any) | undefined;
onShow?: (() => any) | undefined;
"onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
'update:popupVisible': (visible: boolean) => true;
popupVisibleChange: (visible: boolean) => true;
show: () => true;
hide: () => true;
resize: () => true;
}, import("vue").PublicProps, {
disabled: boolean;
position: "br" | "rt" | "tr" | "top" | "bottom" | "left" | "right" | "tl" | "bl" | "lt" | "lb" | "rb";
popupVisible: boolean;
defaultPopupVisible: boolean;
trigger: "focus" | "hover" | "click" | "contextMenu" | ("focus" | "hover" | "click" | "contextMenu")[];
popupOffset: number;
showArrow: boolean;
alignPoint: boolean;
popupHoverStay: boolean;
blurToClose: boolean;
clickToClose: boolean;
clickOutsideToClose: boolean;
unmountOnClose: boolean;
animationName: string;
mouseEnterDelay: number;
mouseLeaveDelay: number;
focusDelay: number;
autoFitPopupWidth: boolean;
autoFitPopupMinWidth: boolean;
autoFixPosition: boolean;
updateAtScroll: boolean;
autoFitTransformOrigin: boolean;
hideEmpty: boolean;
autoFitPosition: boolean;
renderToBody: boolean;
preventFocus: boolean;
scrollToClose: boolean;
scrollToCloseDistance: number;
}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import("vue").ExtractPropTypes<{
popupVisible: {
type: BooleanConstructor;
default: undefined;
};
defaultPopupVisible: {
type: BooleanConstructor;
default: boolean;
};
trigger: {
type: import("vue").PropType<"focus" | "hover" | "click" | "contextMenu" | ("focus" | "hover" | "click" | "contextMenu")[]>;
default: string;
};
position: {
type: import("vue").PropType<"br" | "rt" | "tr" | "top" | "bottom" | "left" | "right" | "tl" | "bl" | "lt" | "lb" | "rb">;
default: string;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
popupOffset: {
type: NumberConstructor;
default: number;
};
popupTranslate: {
type: import("vue").PropType<import("..").TriggerPopupTranslate>;
};
showArrow: {
type: BooleanConstructor;
default: boolean;
};
alignPoint: {
type: BooleanConstructor;
default: boolean;
};
popupHoverStay: {
type: BooleanConstructor;
default: boolean;
};
blurToClose: {
type: BooleanConstructor;
default: boolean;
};
clickToClose: {
type: BooleanConstructor;
default: boolean;
};
clickOutsideToClose: {
type: BooleanConstructor;
default: boolean;
};
unmountOnClose: {
type: BooleanConstructor;
default: boolean;
};
contentClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
};
contentStyle: {
type: import("vue").PropType<import("vue").CSSProperties>;
};
arrowClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
};
arrowStyle: {
type: import("vue").PropType<import("vue").CSSProperties>;
};
popupStyle: {
type: import("vue").PropType<import("vue").CSSProperties>;
};
animationName: {
type: StringConstructor;
default: string;
};
duration: {
type: import("vue").PropType<number | {
enter: number;
leave: number;
}>;
};
mouseEnterDelay: {
type: NumberConstructor;
default: number;
};
mouseLeaveDelay: {
type: NumberConstructor;
default: number;
};
focusDelay: {
type: NumberConstructor;
default: number;
};
autoFitPopupWidth: {
type: BooleanConstructor;
default: boolean;
};
autoFitPopupMinWidth: {
type: BooleanConstructor;
default: boolean;
};
autoFixPosition: {
type: BooleanConstructor;
default: boolean;
};
popupContainer: {
type: import("vue").PropType<string | HTMLElement>;
};
updateAtScroll: {
type: BooleanConstructor;
default: boolean;
};
autoFitTransformOrigin: {
type: BooleanConstructor;
default: boolean;
};
hideEmpty: {
type: BooleanConstructor;
default: boolean;
};
openedClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
};
autoFitPosition: {
type: BooleanConstructor;
default: boolean;
};
renderToBody: {
type: BooleanConstructor;
default: boolean;
};
preventFocus: {
type: BooleanConstructor;
default: boolean;
};
scrollToClose: {
type: BooleanConstructor;
default: boolean;
};
scrollToCloseDistance: {
type: NumberConstructor;
default: number;
};
}>> & Readonly<{
onResize?: (() => any) | undefined;
onHide?: (() => any) | undefined;
onShow?: (() => any) | undefined;
"onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
}>, () => import("vue/jsx-runtime").JSX.