@arco-design/web-vue
Version:
Arco Design Vue 2.0: A Vue.js 3 UI Library
1,243 lines • 58.6 kB
TypeScript
import { PropType } from 'vue';
import { ButtonProps } from '../button';
declare type DropdownPosition = 'top' | 'tl' | 'tr' | 'bottom' | 'bl' | 'br';
declare const _default: import("vue").DefineComponent<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<DropdownPosition>;
default: string;
};
popupContainer: {
type: PropType<string | HTMLElement>;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
type: {
type: StringConstructor;
};
size: {
type: StringConstructor;
};
buttonProps: {
type: PropType<ButtonProps>;
};
hideOnSelect: {
type: BooleanConstructor;
default: boolean;
};
}>, {
prefixCls: string;
computedPopupVisible: import("vue").ComputedRef<boolean>;
handleClick: (ev: MouseEvent) => void;
handleSelect: (value: string | number | Record<string, unknown> | undefined, ev: Event) => void;
handlePopupVisibleChange: (visible: boolean) => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
'update:popupVisible': (visible: boolean) => true;
popupVisibleChange: (visible: boolean) => true;
click: (ev: MouseEvent) => true;
select: (value: string | number | Record<string, any> | undefined, ev: Event) => true;
}, string, import("vue").PublicProps, 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<DropdownPosition>;
default: string;
};
popupContainer: {
type: PropType<string | HTMLElement>;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
type: {
type: StringConstructor;
};
size: {
type: StringConstructor;
};
buttonProps: {
type: PropType<ButtonProps>;
};
hideOnSelect: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{
onSelect?: ((value: string | number | Record<string, any> | undefined, ev: Event) => any) | undefined;
onClick?: ((ev: MouseEvent) => any) | undefined;
"onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
}>, {
disabled: boolean;
position: DropdownPosition;
popupVisible: boolean;
defaultPopupVisible: boolean;
trigger: "focus" | "hover" | "click" | "contextMenu" | ("focus" | "hover" | "click" | "contextMenu")[];
hideOnSelect: boolean;
}, {}, {
IconMore: any;
Button: {
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
type: {
type: PropType<"text" | "dashed" | "outline" | "primary" | "secondary">;
};
shape: {
type: PropType<"circle" | "round" | "square">;
};
status: {
type: PropType<"normal" | "success" | "warning" | "danger">;
};
size: {
type: PropType<"mini" | "small" | "medium" | "large">;
};
long: {
type: BooleanConstructor;
default: boolean;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
};
htmlType: {
type: PropType<string>;
default: string;
};
autofocus: {
type: BooleanConstructor;
default: boolean;
};
href: StringConstructor;
}>> & Readonly<{
onClick?: ((ev: MouseEvent) => any) | undefined;
}>, {
prefixCls: string;
cls: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
mergedDisabled: import("vue").ComputedRef<boolean>;
handleClick: (ev: MouseEvent) => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
click: (ev: MouseEvent) => true;
}, import("vue").PublicProps, {
disabled: boolean;
autofocus: boolean;
loading: boolean;
long: boolean;
htmlType: string;
}, true, {}, {}, {
IconLoading: any;
} & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import("vue").ExtractPropTypes<{
type: {
type: PropType<"text" | "dashed" | "outline" | "primary" | "secondary">;
};
shape: {
type: PropType<"circle" | "round" | "square">;
};
status: {
type: PropType<"normal" | "success" | "warning" | "danger">;
};
size: {
type: PropType<"mini" | "small" | "medium" | "large">;
};
long: {
type: BooleanConstructor;
default: boolean;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
};
htmlType: {
type: PropType<string>;
default: string;
};
autofocus: {
type: BooleanConstructor;
default: boolean;
};
href: StringConstructor;
}>> & Readonly<{
onClick?: ((ev: MouseEvent) => any) | undefined;
}>, {
prefixCls: string;
cls: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
mergedDisabled: import("vue").ComputedRef<boolean>;
handleClick: (ev: MouseEvent) => void;
}, {}, {}, {}, {
disabled: boolean;
autofocus: boolean;
loading: boolean;
long: boolean;
htmlType: string;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
type: {
type: PropType<"text" | "dashed" | "outline" | "primary" | "secondary">;
};
shape: {
type: PropType<"circle" | "round" | "square">;
};
status: {
type: PropType<"normal" | "success" | "warning" | "danger">;
};
size: {
type: PropType<"mini" | "small" | "medium" | "large">;
};
long: {
type: BooleanConstructor;
default: boolean;
};
loading: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
};
htmlType: {
type: PropType<string>;
default: string;
};
autofocus: {
type: BooleanConstructor;
default: boolean;
};
href: StringConstructor;
}>> & Readonly<{
onClick?: ((ev: MouseEvent) => any) | undefined;
}>, {
prefixCls: string;
cls: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
mergedDisabled: import("vue").ComputedRef<boolean>;
handleClick: (ev: MouseEvent) => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
click: (ev: MouseEvent) => true;
}, string, {
disabled: boolean;
autofocus: boolean;
loading: boolean;
long: boolean;
htmlType: string;
}, {}, string, {}, {
IconLoading: any;
} & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
Group: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
type: {
type: PropType<"text" | "dashed" | "outline" | "primary" | "secondary">;
};
status: {
type: PropType<"normal" | "success" | "warning" | "danger">;
};
shape: {
type: PropType<"circle" | "round" | "square">;
};
size: {
type: PropType<"mini" | "small" | "medium" | "large">;
};
disabled: {
type: BooleanConstructor;
};
}>, {
prefixCls: string;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
type: {
type: PropType<"text" | "dashed" | "outline" | "primary" | "secondary">;
};
status: {
type: PropType<"normal" | "success" | "warning" | "danger">;
};
shape: {
type: PropType<"circle" | "round" | "square">;
};
size: {
type: PropType<"mini" | "small" | "medium" | "large">;
};
disabled: {
type: BooleanConstructor;
};
}>> & Readonly<{}>, {
disabled: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
install: (app: import("vue").App<any>, options?: import("../_utils/types").ArcoOptions | undefined) => void;
};
ButtonGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
type: {
type: PropType<"text" | "dashed" | "outline" | "primary" | "secondary">;
};
status: {
type: PropType<"normal" | "success" | "warning" | "danger">;
};
shape: {
type: PropType<"circle" | "round" | "square">;
};
size: {
type: PropType<"mini" | "small" | "medium" | "large">;
};
disabled: {
type: BooleanConstructor;
};
}>, {
prefixCls: string;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
type: {
type: PropType<"text" | "dashed" | "outline" | "primary" | "secondary">;
};
status: {
type: PropType<"normal" | "success" | "warning" | "danger">;
};
shape: {
type: PropType<"circle" | "round" | "square">;
};
size: {
type: PropType<"mini" | "small" | "medium" | "large">;
};
disabled: {
type: BooleanConstructor;
};
}>> & Readonly<{}>, {
disabled: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
Dropdown: import("vue").DefineComponent<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<import("./interface").DropdownPosition>;
default: string;
};
popupContainer: {
type: PropType<string | HTMLElement>;
};
popupMaxHeight: {
type: (BooleanConstructor | NumberConstructor)[];
default: boolean;
};
hideOnSelect: {
type: BooleanConstructor;
default: boolean;
};
}>, {
prefixCls: string;
computedPopupVisible: import("vue").ComputedRef<boolean>;
handlePopupVisibleChange: (visible: boolean) => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
'update:popupVisible': (visible: boolean) => true;
popupVisibleChange: (visible: boolean) => true;
select: (value: string | number | Record<string, any> | undefined, ev: Event) => true;
}, string, import("vue").PublicProps, 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<import("./interface").DropdownPosition>;
default: string;
};
popupContainer: {
type: PropType<string | HTMLElement>;
};
popupMaxHeight: {
type: (BooleanConstructor | NumberConstructor)[];
default: boolean;
};
hideOnSelect: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{
onSelect?: ((value: string | number | Record<string, any> | undefined, ev: Event) => any) | undefined;
"onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
}>, {
position: import("./interface").DropdownPosition;
popupVisible: boolean;
defaultPopupVisible: boolean;
trigger: "focus" | "hover" | "click" | "contextMenu" | ("focus" | "hover" | "click" | "contextMenu")[];
popupMaxHeight: number | boolean;
hideOnSelect: boolean;
}, {}, {
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<import("vue").CSSProperties>;
};
arrowClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
};
arrowStyle: {
type: PropType<import("vue").CSSProperties>;
};
popupStyle: {
type: PropType<import("vue").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<import("vue").CSSProperties>;
};
arrowClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
};
arrowStyle: {
type: PropType<import("vue").CSSProperties>;
};
popupStyle: {
type: PropType<import("vue").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<import("vue").CSSProperties>;
};
arrowClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
};
arrowStyle: {
type: PropType<import("vue").CSSProperties>;
};
popupStyle: {
type: PropType<import("vue").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;
};
DropdownPanel: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
loading: {
type: BooleanConstructor;
default: boolean;
};
isEmpty: {
type: BooleanConstructor;
default: boolean;
};
bottomOffset: {
type: NumberConstructor;
default: number;
};
onScroll: {
type: PropType<import("../_utils/types").EmitType<(ev: Event) => void>>;
};
onReachBottom: {
type: PropType<import("../_utils/types").EmitType<(ev: Event) => void>>;
};
}>, {
prefixCls: string;
cls: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
style: import("vue").ComputedRef<import("vue").CSSProperties | undefined>;
wrapperRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
handleScroll: (e: Event) => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "reachBottom")[], "scroll" | "reachBottom", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
loading: {
type: BooleanConstructor;
default: boolean;
};
isEmpty: {
type: BooleanConstructor;
default: boolean;
};
bottomOffset: {
type: NumberConstructor;
default: number;
};
onScroll: {
type: PropType<import("../_utils/types").EmitType<(ev: Event) => void>>;
};
onReachBottom: {
type: PropType<import("../_utils/types").EmitType<(ev: Event) => void>>;
};
}>> & Readonly<{
onScroll?: ((...args: any[]) => any) | undefined;
onReachBottom?: ((...args: any[]) => any) | undefined;
}>, {
loading: boolean;
bottomOffset: number;
isEmpty: boolean;
}, {}, {
Scrollbar: {
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
type: {
type: PropType<"embed" | "track">;
default: string;
};
outerClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
outerStyle: {
type: PropType<import("vue").StyleValue>;
};
hide: {
type: BooleanConstructor;
default: boolean;
};
disableHorizontal: {
type: BooleanConstructor;
default: boolean;
};
disableVertical: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{
onScroll?: ((ev: Event) => any) | undefined;
}>, {
prefixCls: string;
cls: import("vue").ComputedRef<(string | Record<string, any> | undefined)[]>;
style: import("vue").ComputedRef<import("vue").StyleValue[]>;
containerRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
horizontalThumbRef: import("vue").Ref<any, any>;
verticalThumbRef: import("vue").Ref<any, any>;
horizontalData: import("vue").Ref<import("../scrollbar/interface").ThumbData | undefined, import("../scrollbar/interface").ThumbData | undefined>;
verticalData: import("vue").Ref<import("../scrollbar/interface").ThumbData | undefined, import("../scrollbar/interface").ThumbData | undefined>;
isBoth: import("vue").Ref<boolean, boolean>;
hasHorizontalScrollbar: import("vue").ComputedRef<boolean>;
hasVerticalScrollbar: import("vue").ComputedRef<boolean>;
handleResize: () => void;
handleScroll: (ev: Event) => void;
handleHorizontalScroll: (offset: number) => void;
handleVerticalScroll: (offset: number) => void;
}, {}, {}, {
scrollTo(options?: number | {
left?: number | undefined;
top?: number | undefined;
} | undefined, y?: number | undefined): void;
scrollTop(top: number): void;
scrollLeft(left: number): void;
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
scroll: (ev: Event) => true;
}, import("vue").PublicProps, {
type: "embed" | "track";
hide: boolean;
disableHorizontal: boolean;
disableVertical: boolean;
}, true, {}, {}, {
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>;
Thumb: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
data: {
type: PropType<import("../scrollbar/interface").ThumbData>;
};
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
};
alwaysShow: {
type: BooleanConstructor;
default: boolean;
};
both: {
type: BooleanConstructor;
default: boolean;
};
}>, {
visible: import("vue").Ref<boolean, boolean>;
trackRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
thumbRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
prefixCls: string;
thumbCls: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
thumbStyle: import("vue").ComputedRef<{
[x: string]: string;
}>;
handleThumbMouseDown: (ev: MouseEvent) => void;
handleTrackClick: (ev: MouseEvent) => void;
setOffset: (_offset: number) => void;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "scroll"[], "scroll", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
data: {
type: PropType<import("../scrollbar/interface").ThumbData>;
};
direction: {
type: PropType<"horizontal" | "vertical">;
default: string;
};
alwaysShow: {
type: BooleanConstructor;
default: boolean;
};
both: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{
onScroll?: ((...args: any[]) => any) | undefined;
}>, {
direction: "horizontal" | "vertical";
both: boolean;
alwaysShow: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
} & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import("vue").ExtractPropTypes<{
type: {
type: PropType<"embed" | "track">;
default: string;
};
outerClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
outerStyle: {
type: PropType<import("vue").StyleValue>;
};
hide: {
type: BooleanConstructor;
default: boolean;
};
disableHorizontal: {
type: BooleanConstructor;
default: boolean;
};
disableVertical: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{
onScroll?: ((ev: Event) => any) | undefined;
}>, {
prefixCls: string;
cls: import("vue").ComputedRef<(string | Record<string, any> | undefined)[]>;
style: import("vue").ComputedRef<import("vue").StyleValue[]>;
containerRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
horizontalThumbRef: import("vue").Ref<any, any>;
verticalThumbRef: import("vue").Ref<any, any>;
horizontalData: import("vue").Ref<import("../scrollbar/interface").ThumbData | undefined, import("../scrollbar/interface").ThumbData | undefined>;
verticalData: import("vue").Ref<import("../scrollbar/interface").ThumbData | undefined, import("../scrollbar/interface").ThumbData | undefined>;
isBoth: import("vue").Ref<boolean, boolean>;
hasHorizontalScrollbar: import("vue").ComputedRef<boolean>;
hasVerticalScrollbar: import("vue").ComputedRef<boolean>;
handleResize: () => void;
handleScroll: (ev: Event) => void;
handleHorizontalScroll: (offset: number) => void;
handleVerticalScroll: (offset: number) => void;
}, {}, {}, {
scrollTo(options?: number | {
left?: number | undefined;
top?: number | undefined;
} | undefined, y?: number | undefined): void;
scrollTop(top: number): void;
scrollLeft(left: number): void;
}, {
type: "embed" | "track";
hide: boolean;
disableHorizontal: boolean;
disableVertical: boolean;
}>;
__isFragment?: undefined;
__isTeleport?: undefined;
__isSuspense?: undefined;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
type: {
type: PropType<"embed" | "track">;
default: string;
};
outerClass: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
outerStyle: {
type: PropType<import("vue").StyleValue>;
};
hide: {
type: BooleanConstructor;
default: boolean;
};
disableHorizontal: {
type: BooleanConstructor;
default: boolean;
};
disableVertical: {
type: BooleanConstructor;
default: boolean;
};
}>> & Readonly<{
onScroll?: ((ev: Event) => any) | undefined;
}>, {
prefixCls: string;
cls: import("vue").ComputedRef<(string | Record<string, any> | undefined)[]>;
style: import("vue").ComputedRef<import("vue").StyleValue[]>;
containerRef: import("vue").Ref<HTMLElemen