UNPKG

tdesign-mobile-vue

Version:
912 lines (911 loc) 41 kB
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;