@arco-design/web-vue
Version:
Arco Design Vue 2.0: A Vue.js 3 UI Library
1,174 lines (1,173 loc) • 82.7 kB
TypeScript
import type { PropType, CSSProperties } from 'vue';
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
modelValue: {
type: PropType<number | [number, number]>;
default: undefined;
};
defaultValue: {
type: PropType<number | [number, number]>;
default: number;
};
step: {
type: NumberConstructor;
default: number;
};
min: {
type: NumberConstructor;
default: number;
};
marks: {
type: PropType<Record<number, string>>;
};
max: {
type: NumberConstructor;
default: number;
};
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
showTicks: {
type: BooleanConstructor;
default: boolean;
};
showInput: {
type: BooleanConstructor;
default: boolean;
};
range: {
type: BooleanConstructor;
default: boolean;
};
formatTooltip: {
type: FunctionConstructor;
};
showTooltip: {
type: BooleanConstructor;
default: boolean;
};
}>, {
prefixCls: string;
cls: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
trackCls: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
trackRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
computedValue: import("vue").ComputedRef<[number, number]>;
mergedDisabled: import("vue").ComputedRef<boolean>;
markList: import("vue").ComputedRef<{
key: number;
content: string | undefined;
isActive: boolean;
}[]>;
getBtnStyle: (value: number) => CSSProperties;
getBarStyle: ([start, end]: [number, number]) => CSSProperties;
handleClick: (e: MouseEvent) => void;
handleMoveStart: () => void;
handleEndMoving: (x: number, y: number) => void;
handleMoveEnd: () => void;
handleStartMoving: (x: number, y: number) => void;
handleStartChange: (value?: number | undefined) => void;
handleEndChange: (value?: number | undefined) => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
'update:modelValue': (value: number | [number, number]) => true;
change: (value: number | [number, number]) => true;
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
modelValue: {
type: PropType<number | [number, number]>;
default: undefined;
};
defaultValue: {
type: PropType<number | [number, number]>;
default: number;
};
step: {
type: NumberConstructor;
default: number;
};
min: {
type: NumberConstructor;
default: number;
};
marks: {
type: PropType<Record<number, string>>;
};
max: {
type: NumberConstructor;
default: number;
};
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
showTicks: {
type: BooleanConstructor;
default: boolean;
};
showInput: {
type: BooleanConstructor;
default: boolean;
};
range: {
type: BooleanConstructor;
default: boolean;
};
formatTooltip: {
type: FunctionConstructor;
};
showTooltip: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{
onChange?: ((value: number | [number, number]) => any) | undefined;
"onUpdate:modelValue"?: ((value: number | [number, number]) => any) | undefined;
}>, {
disabled: boolean;
defaultValue: number | [number, number];
modelValue: number | [number, number];
direction: "horizontal" | "vertical";
range: boolean;
max: number;
step: number;
min: number;
showTooltip: boolean;
showTicks: boolean;
showInput: boolean;
}, {}, {
SliderButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
min: {
type: NumberConstructor;
required: true;
};
max: {
type: NumberConstructor;
required: true;
};
formatTooltip: {
type: FunctionConstructor;
};
value: (StringConstructor | NumberConstructor)[];
tooltipPosition: {
type: StringConstructor;
};
showTooltip: {
type: BooleanConstructor;
default: boolean;
};
}>, {
prefixCls: string;
cls: import("vue").ComputedRef<string[]>;
tooltipContent: import("vue").ComputedRef<any>;
mergedTooltipPosition: import("vue").ComputedRef<"top" | "right">;
popupVisible: import("vue").ComputedRef<boolean | undefined>;
handleMouseDown: (e: MouseEvent | TouchEvent) => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("moving" | "movestart" | "moveend")[], "moving" | "movestart" | "moveend", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
min: {
type: NumberConstructor;
required: true;
};
max: {
type: NumberConstructor;
required: true;
};
formatTooltip: {
type: FunctionConstructor;
};
value: (StringConstructor | NumberConstructor)[];
tooltipPosition: {
type: StringConstructor;
};
showTooltip: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{
onMoving?: ((...args: any[]) => any) | undefined;
onMovestart?: ((...args: any[]) => any) | undefined;
onMoveend?: ((...args: any[]) => any) | undefined;
}>, {
disabled: boolean;
direction: "horizontal" | "vertical";
showTooltip: boolean;
}, {}, {
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: 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: PropType<import("../_utils/types").ClassName>;
};
contentStyle: {
type: PropType<CSSProperties>;
};
arrowClass: {
type: PropType<import("../_utils/types").ClassName>;
};
arrowStyle: {
type: PropType<CSSProperties>;
};
popupContainer: {
type: 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<CSSProperties | undefined>;
arrowCls: import("vue").ComputedRef<(import("../_utils/types").ClassName | undefined)[]>;
computedArrowStyle: import("vue").ComputedRef<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: PropType<"focus" | "hover" | "click" | "contextMenu" | ("focus" | "hover" | "click" | "contextMenu")[]>;
default: string;
};
position: {
type: 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: 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: PropType<CSSProperties>;
};
arrowClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
};
arrowStyle: {
type: PropType<CSSProperties>;
};
popupStyle: {
type: PropType<CSSProperties>;
};
animationName: {
type: StringConstructor;
default: string;
};
duration: {
type: 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: 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: PropType<"focus" | "hover" | "click" | "contextMenu" | ("focus" | "hover" | "click" | "contextMenu")[]>;
default: string;
};
position: {
type: 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: 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: PropType<CSSProperties>;
};
arrowClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
};
arrowStyle: {
type: PropType<CSSProperties>;
};
popupStyle: {
type: PropType<CSSProperties>;
};
animationName: {
type: StringConstructor;
default: string;
};
duration: {
type: 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: 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, {}, {}, {}, {
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;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
popupVisible: {
type: BooleanConstructor;
default: undefined;
};
defaultPopupVisible: {
type: BooleanConstructor;
default: boolean;
};
trigger: {
type: PropType<"focus" | "hover" | "click" | "contextMenu" | ("focus" | "hover" | "click" | "contextMenu")[]>;
default: string;
};
position: {
type: 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: 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: PropType<CSSProperties>;
};
arrowClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
};
arrowStyle: {
type: PropType<CSSProperties>;
};
popupStyle: {
type: PropType<CSSProperties>;
};
animationName: {
type: StringConstructor;
default: string;
};
duration: {
type: 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: 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;
}, string, {
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;
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
install: (app: import("vue").App<any>, options?: import("../_utils/types").ArcoOptions | undefined) => void;
};
} & 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;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
content: StringConstructor;
position: {
type: 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: PropType<import("../_utils/types").ClassName>;
};
contentStyle: {
type: PropType<CSSProperties>;
};
arrowClass: {
type: PropType<import("../_utils/types").ClassName>;
};
arrowStyle: {
type: PropType<CSSProperties>;
};
popupContainer: {
type: 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<CSSProperties | undefined>;
arrowCls: import("vue").ComputedRef<(import("../_utils/types").ClassName | undefined)[]>;
computedArrowStyle: import("vue").ComputedRef<CSSProperties | undefined>;
handlePopupVisibleChange: (visible: boolean) => void;
}, {}, {}, {}, {
mini: boolean;
disabled: boolean;
position: "br" | "rt" | "tr" | "top" | "bottom" | "left" | "right" | "tl" | "bl" | "lt" | "lb" | "rb";
popupVisible: boolean;
defaultPopupVisible: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
popupVisible: {
type: BooleanConstructor;
default: undefined;
};
defaultPopupVisible: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
content: StringConstructor;
position: {
type: 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: PropType<import("../_utils/types").ClassName>;
};
contentStyle: {
type: PropType<CSSProperties>;
};
arrowClass: {
type: PropType<import("../_utils/types").ClassName>;
};
arrowStyle: {
type: PropType<CSSProperties>;
};
popupContainer: {
type: 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<CSSProperties | undefined>;
arrowCls: import("vue").ComputedRef<(import("../_utils/types").ClassName | undefined)[]>;
computedArrowStyle: import("vue").ComputedRef<CSSProperties | undefined>;
handlePopupVisibleChange: (visible: boolean) => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
'update:popupVisible': (visible: boolean) => true;
popupVisibleChange: (visible: boolean) => true;
}, string, {
mini: boolean;
disabled: boolean;
position: "br" | "rt" | "tr" | "top" | "bottom" | "left" | "right" | "tl" | "bl" | "lt" | "lb" | "rb";
popupVisible: boolean;
defaultPopupVisible: boolean;
}, {}, string, {}, {
Trigger: {
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
popupVisible: {
type: BooleanConstructor;
default: undefined;
};
defaultPopupVisible: {
type: BooleanConstructor;
default: boolean;
};
trigger: {
type: PropType<"focus" | "hover" | "click" | "contextMenu" | ("focus" | "hover" | "click" | "contextMenu")[]>;
default: string;
};
position: {
type: 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: 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: PropType<CSSProperties>;
};
arrowClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
};
arrowStyle: {
type: PropType<CSSProperties>;
};
popupStyle: {
type: PropType<CSSProperties>;
};
animationName: {
type: StringConstructor;
default: string;
};
duration: {
type: 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: 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: {