tdesign-mobile-vue
Version:
tdesign-mobile-vue
912 lines (911 loc) • 41 kB
TypeScript
import { ButtonProps } from '../button';
import { GuideStep } from './type';
declare const _default: import("vue").DefineComponent<{
backButtonProps?: ButtonProps;
counter?: import("@/index-lib").TNode<{
current: number;
total: number;
}>;
current?: number;
defaultCurrent?: number;
modelValue?: number;
finishButtonProps?: ButtonProps;
hideCounter?: boolean;
hideSkip?: boolean;
highlightPadding?: number;
mode?: 'popover' | 'dialog';
nextButtonProps?: ButtonProps;
showOverlay?: boolean;
skipButtonProps?: ButtonProps;
steps?: Array<GuideStep>;
zIndex?: number;
onBack?: (context: {
e: MouseEvent;
current: number;
total: number;
}) => void;
onChange?: (current: number, context?: {
e: MouseEvent;
total: number;
}) => void;
onFinish?: (context: {
e: MouseEvent;
current: number;
total: number;
}) => void;
onNextStepClick?: (context: {
e: MouseEvent;
next: number;
current: number;
total: number;
}) => void;
onSkip?: (context: {
e: MouseEvent;
current: number;
total: number;
}) => void;
}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
backButtonProps?: ButtonProps;
counter?: import("@/index-lib").TNode<{
current: number;
total: number;
}>;
current?: number;
defaultCurrent?: number;
modelValue?: number;
finishButtonProps?: ButtonProps;
hideCounter?: boolean;
hideSkip?: boolean;
highlightPadding?: number;
mode?: 'popover' | 'dialog';
nextButtonProps?: ButtonProps;
showOverlay?: boolean;
skipButtonProps?: ButtonProps;
steps?: Array<GuideStep>;
zIndex?: number;
onBack?: (context: {
e: MouseEvent;
current: number;
total: number;
}) => void;
onChange?: (current: number, context?: {
e: MouseEvent;
total: number;
}) => void;
onFinish?: (context: {
e: MouseEvent;
current: number;
total: number;
}) => void;
onNextStepClick?: (context: {
e: MouseEvent;
next: number;
current: number;
total: number;
}) => void;
onSkip?: (context: {
e: MouseEvent;
current: number;
total: number;
}) => void;
}> & Readonly<{}>, {
current: number;
modelValue: number;
hideCounter: boolean;
hideSkip: boolean;
highlightPadding: number;
mode: "dialog" | "popover";
showOverlay: boolean;
zIndex: number;
}, {}, {
TPopover: {
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
closeOnClickOutside: {
type: BooleanConstructor;
default: boolean;
};
content: {
type: import("vue").PropType<import("@/components").TdPopoverProps['content']>;
};
default: {
type: import("vue").PropType<import("@/components").TdPopoverProps['default']>;
};
placement: {
type: import("vue").PropType<import("@/components").TdPopoverProps['placement']>;
default: import("@/components").TdPopoverProps['placement'];
validator(val: import("@/components").TdPopoverProps['placement']): boolean;
};
showArrow: {
type: BooleanConstructor;
default: boolean;
};
theme: {
type: import("vue").PropType<import("@/components").TdPopoverProps['theme']>;
default: import("@/components").TdPopoverProps['theme'];
validator(val: import("@/components").TdPopoverProps['theme']): boolean;
};
triggerElement: {
type: import("vue").PropType<import("@/components").TdPopoverProps['triggerElement']>;
};
visible: {
type: BooleanConstructor;
default: any;
};
modelValue: {
type: BooleanConstructor;
default: any;
};
defaultVisible: BooleanConstructor;
onVisibleChange: import("vue").PropType<import("@/components").TdPopoverProps['onVisibleChange']>;
}>> & Readonly<{
"onUpdate:modelValue"?: (...args: any[]) => any;
"onUpdate:visible"?: (...args: any[]) => any;
"onVisible-change"?: (...args: any[]) => any;
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:visible" | "visible-change")[], import("vue").PublicProps, {
closeOnClickOutside: boolean;
placement: "bottom" | "bottom-left" | "bottom-right" | "left" | "left-bottom" | "left-top" | "right" | "right-bottom" | "right-top" | "top" | "top-left" | "top-right";
showArrow: boolean;
theme: "brand" | "dark" | "error" | "light" | "success" | "warning";
visible: boolean;
modelValue: boolean;
defaultVisible: boolean;
}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import("vue").ExtractPropTypes<{
closeOnClickOutside: {
type: BooleanConstructor;
default: boolean;
};
content: {
type: import("vue").PropType<import("@/components").TdPopoverProps['content']>;
};
default: {
type: import("vue").PropType<import("@/components").TdPopoverProps['default']>;
};
placement: {
type: import("vue").PropType<import("@/components").TdPopoverProps['placement']>;
default: import("@/components").TdPopoverProps['placement'];
validator(val: import("@/components").TdPopoverProps['placement']): boolean;
};
showArrow: {
type: BooleanConstructor;
default: boolean;
};
theme: {
type: import("vue").PropType<import("@/components").TdPopoverProps['theme']>;
default: import("@/components").TdPopoverProps['theme'];
validator(val: import("@/components").TdPopoverProps['theme']): boolean;
};
triggerElement: {
type: import("vue").PropType<import("@/components").TdPopoverProps['triggerElement']>;
};
visible: {
type: BooleanConstructor;
default: any;
};
modelValue: {
type: BooleanConstructor;
default: any;
};
defaultVisible: BooleanConstructor;
onVisibleChange: import("vue").PropType<import("@/components").TdPopoverProps['onVisibleChange']>;
}>> & Readonly<{
"onUpdate:modelValue"?: (...args: any[]) => any;
"onUpdate:visible"?: (...args: any[]) => any;
"onVisible-change"?: (...args: any[]) => any;
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
closeOnClickOutside: boolean;
placement: "bottom" | "bottom-left" | "bottom-right" | "left" | "left-bottom" | "left-top" | "right" | "right-bottom" | "right-top" | "top" | "top-left" | "top-right";
showArrow: boolean;
theme: "brand" | "dark" | "error" | "light" | "success" | "warning";
visible: boolean;
modelValue: boolean;
defaultVisible: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
closeOnClickOutside: {
type: BooleanConstructor;
default: boolean;
};
content: {
type: import("vue").PropType<import("@/components").TdPopoverProps['content']>;
};
default: {
type: import("vue").PropType<import("@/components").TdPopoverProps['default']>;
};
placement: {
type: import("vue").PropType<import("@/components").TdPopoverProps['placement']>;
default: import("@/components").TdPopoverProps['placement'];
validator(val: import("@/components").TdPopoverProps['placement']): boolean;
};
showArrow: {
type: BooleanConstructor;
default: boolean;
};
theme: {
type: import("vue").PropType<import("@/components").TdPopoverProps['theme']>;
default: import("@/components").TdPopoverProps['theme'];
validator(val: import("@/components").TdPopoverProps['theme']): boolean;
};
triggerElement: {
type: import("vue").PropType<import("@/components").TdPopoverProps['triggerElement']>;
};
visible: {
type: BooleanConstructor;
default: any;
};
modelValue: {
type: BooleanConstructor;
default: any;
};
defaultVisible: BooleanConstructor;
onVisibleChange: import("vue").PropType<import("@/components").TdPopoverProps['onVisibleChange']>;
}>> & Readonly<{
"onUpdate:modelValue"?: (...args: any[]) => any;
"onUpdate:visible"?: (...args: any[]) => any;
"onVisible-change"?: (...args: any[]) => any;
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "update:visible" | "visible-change")[], "update:modelValue" | "update:visible" | "visible-change", {
closeOnClickOutside: boolean;
placement: "bottom" | "bottom-left" | "bottom-right" | "left" | "left-bottom" | "left-top" | "right" | "right-bottom" | "right-top" | "top" | "top-left" | "top-right";
showArrow: boolean;
theme: "brand" | "dark" | "error" | "light" | "success" | "warning";
visible: boolean;
modelValue: boolean;
defaultVisible: boolean;
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
TButton: {
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
block: BooleanConstructor;
content: {
type: import("vue").PropType<import("@/components").TdButtonProps['content']>;
};
disabled: {
type: BooleanConstructor;
default: any;
};
ghost: BooleanConstructor;
icon: {
type: import("vue").PropType<import("@/components").TdButtonProps['icon']>;
};
loading: BooleanConstructor;
loadingProps: {
type: import("vue").PropType<import("@/components").TdButtonProps['loadingProps']>;
};
shape: {
type: import("vue").PropType<import("@/components").TdButtonProps['shape']>;
default: import("@/components").TdButtonProps['shape'];
validator(val: import("@/components").TdButtonProps['shape']): boolean;
};
size: {
type: import("vue").PropType<import("@/components").TdButtonProps['size']>;
default: import("@/components").TdButtonProps['size'];
validator(val: import("@/components").TdButtonProps['size']): boolean;
};
suffix: {
type: import("vue").PropType<import("@/components").TdButtonProps['suffix']>;
};
theme: {
type: import("vue").PropType<import("@/components").TdButtonProps['theme']>;
default: import("@/components").TdButtonProps['theme'];
validator(val: import("@/components").TdButtonProps['theme']): boolean;
};
type: {
type: import("vue").PropType<import("@/components").TdButtonProps['type']>;
default: import("@/components").TdButtonProps['type'];
validator(val: import("@/components").TdButtonProps['type']): boolean;
};
variant: {
type: import("vue").PropType<import("@/components").TdButtonProps['variant']>;
default: import("@/components").TdButtonProps['variant'];
validator(val: import("@/components").TdButtonProps['variant']): boolean;
};
onClick: import("vue").PropType<import("@/components").TdButtonProps['onClick']>;
}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
block: boolean;
disabled: boolean;
ghost: boolean;
loading: boolean;
shape: "circle" | "rectangle" | "round" | "square";
size: "extra-small" | "large" | "medium" | "small";
theme: "danger" | "default" | "light" | "primary";
type: "button" | "reset" | "submit";
variant: "base" | "dashed" | "outline" | "text";
}, true, {}, {}, import("vue").GlobalComponents, {
Hover: import("vue").Directive<HTMLElement, string | import("@/shared/hover").HoverBindingObject>;
} & import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import("vue").ExtractPropTypes<{
block: BooleanConstructor;
content: {
type: import("vue").PropType<import("@/components").TdButtonProps['content']>;
};
disabled: {
type: BooleanConstructor;
default: any;
};
ghost: BooleanConstructor;
icon: {
type: import("vue").PropType<import("@/components").TdButtonProps['icon']>;
};
loading: BooleanConstructor;
loadingProps: {
type: import("vue").PropType<import("@/components").TdButtonProps['loadingProps']>;
};
shape: {
type: import("vue").PropType<import("@/components").TdButtonProps['shape']>;
default: import("@/components").TdButtonProps['shape'];
validator(val: import("@/components").TdButtonProps['shape']): boolean;
};
size: {
type: import("vue").PropType<import("@/components").TdButtonProps['size']>;
default: import("@/components").TdButtonProps['size'];
validator(val: import("@/components").TdButtonProps['size']): boolean;
};
suffix: {
type: import("vue").PropType<import("@/components").TdButtonProps['suffix']>;
};
theme: {
type: import("vue").PropType<import("@/components").TdButtonProps['theme']>;
default: import("@/components").TdButtonProps['theme'];
validator(val: import("@/components").TdButtonProps['theme']): boolean;
};
type: {
type: import("vue").PropType<import("@/components").TdButtonProps['type']>;
default: import("@/components").TdButtonProps['type'];
validator(val: import("@/components").TdButtonProps['type']): boolean;
};
variant: {
type: import("vue").PropType<import("@/components").TdButtonProps['variant']>;
default: import("@/components").TdButtonProps['variant'];
validator(val: import("@/components").TdButtonProps['variant']): boolean;
};
onClick: import("vue").PropType<import("@/components").TdButtonProps['onClick']>;
}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
block: boolean;
disabled: boolean;
ghost: boolean;
loading: boolean;
shape: "circle" | "rectangle" | "round" | "square";
size: "extra-small" | "large" | "medium" | "small";
theme: "danger" | "default" | "light" | "primary";
type: "button" | "reset" | "submit";
variant: "base" | "dashed" | "outline" | "text";
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
block: BooleanConstructor;
content: {
type: import("vue").PropType<import("@/components").TdButtonProps['content']>;
};
disabled: {
type: BooleanConstructor;
default: any;
};
ghost: BooleanConstructor;
icon: {
type: import("vue").PropType<import("@/components").TdButtonProps['icon']>;
};
loading: BooleanConstructor;
loadingProps: {
type: import("vue").PropType<import("@/components").TdButtonProps['loadingProps']>;
};
shape: {
type: import("vue").PropType<import("@/components").TdButtonProps['shape']>;
default: import("@/components").TdButtonProps['shape'];
validator(val: import("@/components").TdButtonProps['shape']): boolean;
};
size: {
type: import("vue").PropType<import("@/components").TdButtonProps['size']>;
default: import("@/components").TdButtonProps['size'];
validator(val: import("@/components").TdButtonProps['size']): boolean;
};
suffix: {
type: import("vue").PropType<import("@/components").TdButtonProps['suffix']>;
};
theme: {
type: import("vue").PropType<import("@/components").TdButtonProps['theme']>;
default: import("@/components").TdButtonProps['theme'];
validator(val: import("@/components").TdButtonProps['theme']): boolean;
};
type: {
type: import("vue").PropType<import("@/components").TdButtonProps['type']>;
default: import("@/components").TdButtonProps['type'];
validator(val: import("@/components").TdButtonProps['type']): boolean;
};
variant: {
type: import("vue").PropType<import("@/components").TdButtonProps['variant']>;
default: import("@/components").TdButtonProps['variant'];
validator(val: import("@/components").TdButtonProps['variant']): boolean;
};
onClick: import("vue").PropType<import("@/components").TdButtonProps['onClick']>;
}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
block: boolean;
disabled: boolean;
ghost: boolean;
loading: boolean;
shape: "circle" | "rectangle" | "round" | "square";
size: "extra-small" | "large" | "medium" | "small";
theme: "danger" | "default" | "light" | "primary";
type: "button" | "reset" | "submit";
variant: "base" | "dashed" | "outline" | "text";
}, {}, string, {}, import("vue").GlobalComponents, {
Hover: import("vue").Directive<HTMLElement, string | import("@/shared/hover").HoverBindingObject>;
} & import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
TPopup: {
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
attach: {
type: import("vue").PropType<import("@/components").TdPopupProps['attach']>;
default: import("@/components").TdPopupProps['attach'];
};
closeBtn: {
type: import("vue").PropType<import("@/components").TdPopupProps['closeBtn']>;
};
closeOnOverlayClick: {
type: BooleanConstructor;
default: boolean;
};
destroyOnClose: BooleanConstructor;
duration: {
type: NumberConstructor;
default: number;
};
overlayProps: {
type: import("vue").PropType<import("@/components").TdPopupProps['overlayProps']>;
default: () => {};
};
placement: {
type: import("vue").PropType<import("@/components").TdPopupProps['placement']>;
default: import("@/components").TdPopupProps['placement'];
validator(val: import("@/components").TdPopupProps['placement']): boolean;
};
preventScrollThrough: {
type: BooleanConstructor;
default: boolean;
};
showOverlay: {
type: BooleanConstructor;
default: boolean;
};
transitionName: {
type: StringConstructor;
default: string;
};
visible: {
type: BooleanConstructor;
default: any;
};
modelValue: {
type: BooleanConstructor;
default: any;
};
defaultVisible: BooleanConstructor;
zIndex: {
type: NumberConstructor;
};
onClose: import("vue").PropType<import("@/components").TdPopupProps['onClose']>;
onClosed: import("vue").PropType<import("@/components").TdPopupProps['onClosed']>;
onOpen: import("vue").PropType<import("@/components").TdPopupProps['onOpen']>;
onOpened: import("vue").PropType<import("@/components").TdPopupProps['onOpened']>;
onVisibleChange: import("vue").PropType<import("@/components").TdPopupProps['onVisibleChange']>;
}>> & Readonly<{
onClose?: (...args: any[]) => any;
onClosed?: (...args: any[]) => any;
onOpen?: (...args: any[]) => any;
onOpened?: (...args: any[]) => any;
"onUpdate:modelValue"?: (...args: any[]) => any;
"onUpdate:visible"?: (...args: any[]) => any;
"onVisible-change"?: (...args: any[]) => any;
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "closed" | "open" | "opened" | "update:modelValue" | "update:visible" | "visible-change")[], import("vue").PublicProps, {
attach: import("@/index-lib").AttachNode;
closeOnOverlayClick: boolean;
destroyOnClose: boolean;
duration: number;
overlayProps: import("@/overlay/type").TdOverlayProps;
placement: "bottom" | "center" | "left" | "right" | "top";
preventScrollThrough: boolean;
showOverlay: boolean;
transitionName: string;
visible: boolean;
modelValue: boolean;
defaultVisible: boolean;
}, true, {}, {}, {
TNode: {
(props: {
content: any;
}): any;
props: string[];
};
TOverlay: {
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
backgroundColor: {
type: StringConstructor;
default: string;
};
customStyle: {
type: StringConstructor;
default: string;
};
duration: {
type: NumberConstructor;
default: number;
};
preventScrollThrough: {
type: BooleanConstructor;
default: boolean;
};
visible: BooleanConstructor;
zIndex: {
type: NumberConstructor;
default: number;
};
onClick: import("vue").PropType<import("@/overlay/type").TdOverlayProps['onClick']>;
}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
backgroundColor: string;
customStyle: string;
duration: number;
preventScrollThrough: boolean;
visible: boolean;
zIndex: number;
}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import("vue").ExtractPropTypes<{
backgroundColor: {
type: StringConstructor;
default: string;
};
customStyle: {
type: StringConstructor;
default: string;
};
duration: {
type: NumberConstructor;
default: number;
};
preventScrollThrough: {
type: BooleanConstructor;
default: boolean;
};
visible: BooleanConstructor;
zIndex: {
type: NumberConstructor;
default: number;
};
onClick: import("vue").PropType<import("@/overlay/type").TdOverlayProps['onClick']>;
}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
backgroundColor: string;
customStyle: string;
duration: number;
preventScrollThrough: boolean;
visible: boolean;
zIndex: number;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
backgroundColor: {
type: StringConstructor;
default: string;
};
customStyle: {
type: StringConstructor;
default: string;
};
duration: {
type: NumberConstructor;
default: number;
};
preventScrollThrough: {
type: BooleanConstructor;
default: boolean;
};
visible: BooleanConstructor;
zIndex: {
type: NumberConstructor;
default: number;
};
onClick: import("vue").PropType<import("@/overlay/type").TdOverlayProps['onClick']>;
}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
backgroundColor: string;
customStyle: string;
duration: number;
preventScrollThrough: boolean;
visible: boolean;
zIndex: number;
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
} & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import("vue").ExtractPropTypes<{
attach: {
type: import("vue").PropType<import("@/components").TdPopupProps['attach']>;
default: import("@/components").TdPopupProps['attach'];
};
closeBtn: {
type: import("vue").PropType<import("@/components").TdPopupProps['closeBtn']>;
};
closeOnOverlayClick: {
type: BooleanConstructor;
default: boolean;
};
destroyOnClose: BooleanConstructor;
duration: {
type: NumberConstructor;
default: number;
};
overlayProps: {
type: import("vue").PropType<import("@/components").TdPopupProps['overlayProps']>;
default: () => {};
};
placement: {
type: import("vue").PropType<import("@/components").TdPopupProps['placement']>;
default: import("@/components").TdPopupProps['placement'];
validator(val: import("@/components").TdPopupProps['placement']): boolean;
};
preventScrollThrough: {
type: BooleanConstructor;
default: boolean;
};
showOverlay: {
type: BooleanConstructor;
default: boolean;
};
transitionName: {
type: StringConstructor;
default: string;
};
visible: {
type: BooleanConstructor;
default: any;
};
modelValue: {
type: BooleanConstructor;
default: any;
};
defaultVisible: BooleanConstructor;
zIndex: {
type: NumberConstructor;
};
onClose: import("vue").PropType<import("@/components").TdPopupProps['onClose']>;
onClosed: import("vue").PropType<import("@/components").TdPopupProps['onClosed']>;
onOpen: import("vue").PropType<import("@/components").TdPopupProps['onOpen']>;
onOpened: import("vue").PropType<import("@/components").TdPopupProps['onOpened']>;
onVisibleChange: import("vue").PropType<import("@/components").TdPopupProps['onVisibleChange']>;
}>> & Readonly<{
onClose?: (...args: any[]) => any;
onClosed?: (...args: any[]) => any;
onOpen?: (...args: any[]) => any;
onOpened?: (...args: any[]) => any;
"onUpdate:modelValue"?: (...args: any[]) => any;
"onUpdate:visible"?: (...args: any[]) => any;
"onVisible-change"?: (...args: any[]) => any;
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
attach: import("@/index-lib").AttachNode;
closeOnOverlayClick: boolean;
destroyOnClose: boolean;
duration: number;
overlayProps: import("@/overlay/type").TdOverlayProps;
placement: "bottom" | "center" | "left" | "right" | "top";
preventScrollThrough: boolean;
showOverlay: boolean;
transitionName: string;
visible: boolean;
modelValue: boolean;
defaultVisible: boolean;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
attach: {
type: import("vue").PropType<import("@/components").TdPopupProps['attach']>;
default: import("@/components").TdPopupProps['attach'];
};
closeBtn: {
type: import("vue").PropType<import("@/components").TdPopupProps['closeBtn']>;
};
closeOnOverlayClick: {
type: BooleanConstructor;
default: boolean;
};
destroyOnClose: BooleanConstructor;
duration: {
type: NumberConstructor;
default: number;
};
overlayProps: {
type: import("vue").PropType<import("@/components").TdPopupProps['overlayProps']>;
default: () => {};
};
placement: {
type: import("vue").PropType<import("@/components").TdPopupProps['placement']>;
default: import("@/components").TdPopupProps['placement'];
validator(val: import("@/components").TdPopupProps['placement']): boolean;
};
preventScrollThrough: {
type: BooleanConstructor;
default: boolean;
};
showOverlay: {
type: BooleanConstructor;
default: boolean;
};
transitionName: {
type: StringConstructor;
default: string;
};
visible: {
type: BooleanConstructor;
default: any;
};
modelValue: {
type: BooleanConstructor;
default: any;
};
defaultVisible: BooleanConstructor;
zIndex: {
type: NumberConstructor;
};
onClose: import("vue").PropType<import("@/components").TdPopupProps['onClose']>;
onClosed: import("vue").PropType<import("@/components").TdPopupProps['onClosed']>;
onOpen: import("vue").PropType<import("@/components").TdPopupProps['onOpen']>;
onOpened: import("vue").PropType<import("@/components").TdPopupProps['onOpened']>;
onVisibleChange: import("vue").PropType<import("@/components").TdPopupProps['onVisibleChange']>;
}>> & Readonly<{
onClose?: (...args: any[]) => any;
onClosed?: (...args: any[]) => any;
onOpen?: (...args: any[]) => any;
onOpened?: (...args: any[]) => any;
"onUpdate:modelValue"?: (...args: any[]) => any;
"onUpdate:visible"?: (...args: any[]) => any;
"onVisible-change"?: (...args: any[]) => any;
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "closed" | "open" | "opened" | "update:modelValue" | "update:visible" | "visible-change")[], "close" | "closed" | "open" | "opened" | "update:modelValue" | "update:visible" | "visible-change", {
attach: import("@/index-lib").AttachNode;
closeOnOverlayClick: boolean;
destroyOnClose: boolean;
duration: number;
overlayProps: import("@/overlay/type").TdOverlayProps;
placement: "bottom" | "center" | "left" | "right" | "top";
preventScrollThrough: boolean;
showOverlay: boolean;
transitionName: string;
visible: boolean;
modelValue: boolean;
defaultVisible: boolean;
}, {}, string, {}, {
TNode: {
(props: {
content: any;
}): any;
props: string[];
};
TOverlay: {
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
backgroundColor: {
type: StringConstructor;
default: string;
};
customStyle: {
type: StringConstructor;
default: string;
};
duration: {
type: NumberConstructor;
default: number;
};
preventScrollThrough: {
type: BooleanConstructor;
default: boolean;
};
visible: BooleanConstructor;
zIndex: {
type: NumberConstructor;
default: number;
};
onClick: import("vue").PropType<import("@/overlay/type").TdOverlayProps['onClick']>;
}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
backgroundColor: string;
customStyle: string;
duration: number;
preventScrollThrough: boolean;
visible: boolean;
zIndex: number;
}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import("vue").ExtractPropTypes<{
backgroundColor: {
type: StringConstructor;
default: string;
};
customStyle: {
type: StringConstructor;
default: string;
};
duration: {
type: NumberConstructor;
default: number;
};
preventScrollThrough: {
type: BooleanConstructor;
default: boolean;
};
visible: BooleanConstructor;
zIndex: {
type: NumberConstructor;
default: number;
};
onClick: import("vue").PropType<import("@/overlay/type").TdOverlayProps['onClick']>;
}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
backgroundColor: string;
customStyle: string;
duration: number;
preventScrollThrough: boolean;
visible: boolean;
zIndex: number;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
backgroundColor: {
type: StringConstructor;
default: string;
};
customStyle: {
type: StringConstructor;
default: string;
};
duration: {
type: NumberConstructor;
default: number;
};
preventScrollThrough: {
type: BooleanConstructor;
default: boolean;
};
visible: BooleanConstructor;
zIndex: {
type: NumberConstructor;
default: number;
};
onClick: import("vue").PropType<import("@/overlay/type").TdOverlayProps['onClick']>;
}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
backgroundColor: string;
customStyle: string;
duration: number;
preventScrollThrough: boolean;
visible: boolean;
zIndex: number;
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
} & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export default _default;