tdesign-mobile-vue
Version:
tdesign-mobile-vue
1,032 lines • 87.5 kB
TypeScript
import { TdGuideProps } from './type';
import './style';
export * from './type';
export type GuideProps = TdGuideProps;
export declare const Guide: {
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
backButtonProps?: import("@/button").TdButtonProps;
counter?: (h: typeof import("vue").h, props: {
current: number;
total: number;
}) => import("@/common").SlotReturnValue;
current?: number;
defaultCurrent?: number;
modelValue?: number;
finishButtonProps?: import("@/button").TdButtonProps;
hideCounter?: boolean;
hideSkip?: boolean;
highlightPadding?: number;
mode?: "dialog" | "popover";
nextButtonProps?: import("@/button").TdButtonProps;
showOverlay?: boolean;
skipButtonProps?: import("@/button").TdButtonProps;
steps?: import("@/components").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<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
current: number;
modelValue: number;
hideCounter: boolean;
hideSkip: boolean;
highlightPadding: number;
mode: "dialog" | "popover";
showOverlay: boolean;
zIndex: number;
}, true, {}, {}, {
TPopover: {
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
closeOnClickOutside: {
type: BooleanConstructor;
default: boolean;
};
content: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
};
default: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
};
placement: {
type: import("vue").PropType<"bottom" | "bottom-left" | "bottom-right" | "left" | "left-bottom" | "left-top" | "right" | "right-bottom" | "right-top" | "top" | "top-left" | "top-right">;
default: "bottom" | "bottom-left" | "bottom-right" | "left" | "left-bottom" | "left-top" | "right" | "right-bottom" | "right-top" | "top" | "top-left" | "top-right";
validator(val: "bottom" | "bottom-left" | "bottom-right" | "left" | "left-bottom" | "left-top" | "right" | "right-bottom" | "right-top" | "top" | "top-left" | "top-right"): boolean;
};
showArrow: {
type: BooleanConstructor;
default: boolean;
};
theme: {
type: import("vue").PropType<"brand" | "dark" | "error" | "light" | "success" | "warning">;
default: "brand" | "dark" | "error" | "light" | "success" | "warning";
validator(val: "brand" | "dark" | "error" | "light" | "success" | "warning"): boolean;
};
triggerElement: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
};
visible: {
type: BooleanConstructor;
default: any;
};
modelValue: {
type: BooleanConstructor;
default: any;
};
defaultVisible: BooleanConstructor;
onVisibleChange: import("vue").PropType<(visible: boolean) => void>;
}>> & 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<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
};
default: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
};
placement: {
type: import("vue").PropType<"bottom" | "bottom-left" | "bottom-right" | "left" | "left-bottom" | "left-top" | "right" | "right-bottom" | "right-top" | "top" | "top-left" | "top-right">;
default: "bottom" | "bottom-left" | "bottom-right" | "left" | "left-bottom" | "left-top" | "right" | "right-bottom" | "right-top" | "top" | "top-left" | "top-right";
validator(val: "bottom" | "bottom-left" | "bottom-right" | "left" | "left-bottom" | "left-top" | "right" | "right-bottom" | "right-top" | "top" | "top-left" | "top-right"): boolean;
};
showArrow: {
type: BooleanConstructor;
default: boolean;
};
theme: {
type: import("vue").PropType<"brand" | "dark" | "error" | "light" | "success" | "warning">;
default: "brand" | "dark" | "error" | "light" | "success" | "warning";
validator(val: "brand" | "dark" | "error" | "light" | "success" | "warning"): boolean;
};
triggerElement: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
};
visible: {
type: BooleanConstructor;
default: any;
};
modelValue: {
type: BooleanConstructor;
default: any;
};
defaultVisible: BooleanConstructor;
onVisibleChange: import("vue").PropType<(visible: boolean) => void>;
}>> & 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<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
};
default: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
};
placement: {
type: import("vue").PropType<"bottom" | "bottom-left" | "bottom-right" | "left" | "left-bottom" | "left-top" | "right" | "right-bottom" | "right-top" | "top" | "top-left" | "top-right">;
default: "bottom" | "bottom-left" | "bottom-right" | "left" | "left-bottom" | "left-top" | "right" | "right-bottom" | "right-top" | "top" | "top-left" | "top-right";
validator(val: "bottom" | "bottom-left" | "bottom-right" | "left" | "left-bottom" | "left-top" | "right" | "right-bottom" | "right-top" | "top" | "top-left" | "top-right"): boolean;
};
showArrow: {
type: BooleanConstructor;
default: boolean;
};
theme: {
type: import("vue").PropType<"brand" | "dark" | "error" | "light" | "success" | "warning">;
default: "brand" | "dark" | "error" | "light" | "success" | "warning";
validator(val: "brand" | "dark" | "error" | "light" | "success" | "warning"): boolean;
};
triggerElement: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
};
visible: {
type: BooleanConstructor;
default: any;
};
modelValue: {
type: BooleanConstructor;
default: any;
};
defaultVisible: BooleanConstructor;
onVisibleChange: import("vue").PropType<(visible: boolean) => void>;
}>> & 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<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
};
disabled: {
type: BooleanConstructor;
default: any;
};
ghost: BooleanConstructor;
icon: {
type: import("vue").PropType<(h: typeof import("vue").h) => import("@/common").SlotReturnValue>;
};
loading: BooleanConstructor;
loadingProps: {
type: import("vue").PropType<import("@/loading").TdLoadingProps>;
};
shape: {
type: import("vue").PropType<"circle" | "rectangle" | "round" | "square">;
default: "circle" | "rectangle" | "round" | "square";
validator(val: "circle" | "rectangle" | "round" | "square"): boolean;
};
size: {
type: import("vue").PropType<"extra-small" | "large" | "medium" | "small">;
default: "extra-small" | "large" | "medium" | "small";
validator(val: "extra-small" | "large" | "medium" | "small"): boolean;
};
suffix: {
type: import("vue").PropType<(h: typeof import("vue").h) => import("@/common").SlotReturnValue>;
};
theme: {
type: import("vue").PropType<"danger" | "default" | "light" | "primary">;
default: "danger" | "default" | "light" | "primary";
validator(val: "danger" | "default" | "light" | "primary"): boolean;
};
type: {
type: import("vue").PropType<"button" | "reset" | "submit">;
default: "button" | "reset" | "submit";
validator(val: "button" | "reset" | "submit"): boolean;
};
variant: {
type: import("vue").PropType<"base" | "dashed" | "outline" | "text">;
default: "base" | "dashed" | "outline" | "text";
validator(val: "base" | "dashed" | "outline" | "text"): boolean;
};
onClick: import("vue").PropType<(e: MouseEvent) => void>;
}>> & 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<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
};
disabled: {
type: BooleanConstructor;
default: any;
};
ghost: BooleanConstructor;
icon: {
type: import("vue").PropType<(h: typeof import("vue").h) => import("@/common").SlotReturnValue>;
};
loading: BooleanConstructor;
loadingProps: {
type: import("vue").PropType<import("@/loading").TdLoadingProps>;
};
shape: {
type: import("vue").PropType<"circle" | "rectangle" | "round" | "square">;
default: "circle" | "rectangle" | "round" | "square";
validator(val: "circle" | "rectangle" | "round" | "square"): boolean;
};
size: {
type: import("vue").PropType<"extra-small" | "large" | "medium" | "small">;
default: "extra-small" | "large" | "medium" | "small";
validator(val: "extra-small" | "large" | "medium" | "small"): boolean;
};
suffix: {
type: import("vue").PropType<(h: typeof import("vue").h) => import("@/common").SlotReturnValue>;
};
theme: {
type: import("vue").PropType<"danger" | "default" | "light" | "primary">;
default: "danger" | "default" | "light" | "primary";
validator(val: "danger" | "default" | "light" | "primary"): boolean;
};
type: {
type: import("vue").PropType<"button" | "reset" | "submit">;
default: "button" | "reset" | "submit";
validator(val: "button" | "reset" | "submit"): boolean;
};
variant: {
type: import("vue").PropType<"base" | "dashed" | "outline" | "text">;
default: "base" | "dashed" | "outline" | "text";
validator(val: "base" | "dashed" | "outline" | "text"): boolean;
};
onClick: import("vue").PropType<(e: MouseEvent) => void>;
}>> & 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<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
};
disabled: {
type: BooleanConstructor;
default: any;
};
ghost: BooleanConstructor;
icon: {
type: import("vue").PropType<(h: typeof import("vue").h) => import("@/common").SlotReturnValue>;
};
loading: BooleanConstructor;
loadingProps: {
type: import("vue").PropType<import("@/loading").TdLoadingProps>;
};
shape: {
type: import("vue").PropType<"circle" | "rectangle" | "round" | "square">;
default: "circle" | "rectangle" | "round" | "square";
validator(val: "circle" | "rectangle" | "round" | "square"): boolean;
};
size: {
type: import("vue").PropType<"extra-small" | "large" | "medium" | "small">;
default: "extra-small" | "large" | "medium" | "small";
validator(val: "extra-small" | "large" | "medium" | "small"): boolean;
};
suffix: {
type: import("vue").PropType<(h: typeof import("vue").h) => import("@/common").SlotReturnValue>;
};
theme: {
type: import("vue").PropType<"danger" | "default" | "light" | "primary">;
default: "danger" | "default" | "light" | "primary";
validator(val: "danger" | "default" | "light" | "primary"): boolean;
};
type: {
type: import("vue").PropType<"button" | "reset" | "submit">;
default: "button" | "reset" | "submit";
validator(val: "button" | "reset" | "submit"): boolean;
};
variant: {
type: import("vue").PropType<"base" | "dashed" | "outline" | "text">;
default: "base" | "dashed" | "outline" | "text";
validator(val: "base" | "dashed" | "outline" | "text"): boolean;
};
onClick: import("vue").PropType<(e: MouseEvent) => void>;
}>> & 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("@/common").AttachNode>;
default: import("@/common").AttachNode;
};
closeBtn: {
type: import("vue").PropType<boolean | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
};
closeOnOverlayClick: {
type: BooleanConstructor;
default: boolean;
};
destroyOnClose: BooleanConstructor;
duration: {
type: NumberConstructor;
default: number;
};
overlayProps: {
type: import("vue").PropType<import("@/overlay/type").TdOverlayProps>;
default: () => {};
};
placement: {
type: import("vue").PropType<"bottom" | "center" | "left" | "right" | "top">;
default: "bottom" | "center" | "left" | "right" | "top";
validator(val: "bottom" | "center" | "left" | "right" | "top"): 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<(context: {
e: MouseEvent;
}) => void>;
onClosed: import("vue").PropType<() => void>;
onOpen: import("vue").PropType<() => void>;
onOpened: import("vue").PropType<() => void>;
onVisibleChange: import("vue").PropType<(visible: boolean, trigger: import("@/popup").PopupSource) => void>;
}>> & 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("@/common").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<(context: {
e: MouseEvent;
}) => void>;
}>> & 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<(context: {
e: MouseEvent;
}) => void>;
}>> & 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<(context: {
e: MouseEvent;
}) => void>;
}>> & 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("@/common").AttachNode>;
default: import("@/common").AttachNode;
};
closeBtn: {
type: import("vue").PropType<boolean | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
};
closeOnOverlayClick: {
type: BooleanConstructor;
default: boolean;
};
destroyOnClose: BooleanConstructor;
duration: {
type: NumberConstructor;
default: number;
};
overlayProps: {
type: import("vue").PropType<import("@/overlay/type").TdOverlayProps>;
default: () => {};
};
placement: {
type: import("vue").PropType<"bottom" | "center" | "left" | "right" | "top">;
default: "bottom" | "center" | "left" | "right" | "top";
validator(val: "bottom" | "center" | "left" | "right" | "top"): 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<(context: {
e: MouseEvent;
}) => void>;
onClosed: import("vue").PropType<() => void>;
onOpen: import("vue").PropType<() => void>;
onOpened: import("vue").PropType<() => void>;
onVisibleChange: import("vue").PropType<(visible: boolean, trigger: import("@/popup").PopupSource) => void>;
}>> & 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("@/common").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("@/common").AttachNode>;
default: import("@/common").AttachNode;
};
closeBtn: {
type: import("vue").PropType<boolean | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
};
closeOnOverlayClick: {
type: BooleanConstructor;
default: boolean;
};
destroyOnClose: BooleanConstructor;
duration: {
type: NumberConstructor;
default: number;
};
overlayProps: {
type: import("vue").PropType<import("@/overlay/type").TdOverlayProps>;
default: () => {};
};
placement: {
type: import("vue").PropType<"bottom" | "center" | "left" | "right" | "top">;
default: "bottom" | "center" | "left" | "right" | "top";
validator(val: "bottom" | "center" | "left" | "right" | "top"): 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<(context: {
e: MouseEvent;
}) => void>;
onClosed: import("vue").PropType<() => void>;
onOpen: import("vue").PropType<() => void>;
onOpened: import("vue").PropType<() => void>;
onVisibleChange: import("vue").PropType<(visible: boolean, trigger: import("@/popup").PopupSource) => void>;
}>> & 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("@/common").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<(context: {
e: MouseEvent;
}) => void>;
}>> & 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<(context: {
e: MouseEvent;
}) => void>;
}>> & 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<(context: {
e: MouseEvent;
}) => void>;
}>> & 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;
} & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
backButtonProps?: import("@/button").TdButtonProps;
counter?: (h: typeof import("vue").h, props: {
current: number;
total: number;
}) => import("@/common").SlotReturnValue;
current?: number;
defaultCurrent?: number;
modelValue?: number;
finishButtonProps?: import("@/button").TdButtonProps;
hideCounter?: boolean;
hideSkip?: boolean;
highlightPadding?: number;
mode?: "dialog" | "popover";
nextButtonProps?: import("@/button").TdButtonProps;
showOverlay?: boolean;
skipButtonProps?: import("@/button").TdButtonProps;
steps?: import("@/components").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<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
current: number;
modelValue: number;
hideCounter: boolean;
hideSkip: boolean;
highlightPadding: number;
mode: "dialog" | "popover";
showOverlay: boolean;
zIndex: number;
}>;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<{
backButtonProps?: import("@/button").TdButtonProps;
counter?: (h: typeof import("vue").h, props: {
current: number;
total: number;
}) => import("@/common").SlotReturnValue;
current?: number;
defaultCurrent?: number;
modelValue?: number;
finishButtonProps?: import("@/button").TdButtonProps;
hideCounter?: boolean;
hideSkip?: boolean;
highlightPadding?: number;
mode?: "dialog" | "popover";
nextButtonProps?: import("@/button").TdButtonProps;
showOverlay?: boolean;
skipButtonProps?: import("@/button").TdButtonProps;
steps?: import("@/components").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<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
current: number;
modelValue: number;
hideCounter: boolean;
hideSkip: boolean;
highlightPadding: number;
mode: "dialog" | "popover";
showOverlay: boolean;
zIndex: number;
}, {}, string, {}, {
TPopover: {
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
closeOnClickOutside: {
type: BooleanConstructor;
default: boolean;
};
content: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
};
default: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotReturnValue)>;
};
placement: {
type: import("vue").PropType<"bottom" | "bottom-left" | "bottom-right" | "left" | "left-bottom" | "left-top" | "right" | "right-bottom" | "right-top" | "top" | "top-left" | "top-right">;
default: "bottom" | "bottom-left" | "bottom-right" | "left" | "left-bottom" | "left-top" | "right" | "right-bottom" | "right-top" | "top" | "top-left" | "top-right";
validator(val: "bottom" | "bottom-left" | "bottom-right" | "left" | "left-bottom" | "left-top" | "right" | "right-bottom" | "right-top" | "top" | "top-left" | "top-right"): boolean;
};
showArrow: {
type: BooleanConstructor;
default: boolean;
};
theme: {
type: import("vue").PropType<"brand" | "dark" | "error" | "light" | "success" | "warning">;
default: "brand" | "dark" | "error" | "light" | "success" | "warning";
validator(val: "brand" | "dark" | "error" | "light" | "success" | "warning"): boolean;
};
triggerElement: {
type: import("vue").PropType<string | ((h: typeof import("vue").h) => import("@/common").SlotR