hongluan-ui
Version:
Hongluan Component Library for Vue 3
497 lines (496 loc) • 21.1 kB
TypeScript
import type { TourBtnProps } from './types';
declare const _default: import("vue").DefineComponent<{
target: {
readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<import("vue").PropType<string | HTMLElement | (() => HTMLElement)>, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
title: StringConstructor;
description: StringConstructor;
showClose: {
readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
showArrow: {
readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
placement: import("../../../utils").EpPropFinalized<import("vue").PropType<import("@floating-ui/core").Placement>, "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, boolean>;
mask: {
readonly type: import("vue").PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
contentStyle: {
readonly type: import("vue").PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
prevButtonProps: {
readonly type: import("vue").PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
nextButtonProps: {
readonly type: import("vue").PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
scrollIntoViewOptions: {
readonly type: import("vue").PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
type: {
readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<import("vue").PropType<"primary" | "default">, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
}, {
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
target: {
readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<import("vue").PropType<string | HTMLElement | (() => HTMLElement)>, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
title: StringConstructor;
description: StringConstructor;
showClose: {
readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
showArrow: {
readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
placement: import("../../../utils").EpPropFinalized<import("vue").PropType<import("@floating-ui/core").Placement>, "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, boolean>;
mask: {
readonly type: import("vue").PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
contentStyle: {
readonly type: import("vue").PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
prevButtonProps: {
readonly type: import("vue").PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
nextButtonProps: {
readonly type: import("vue").PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
scrollIntoViewOptions: {
readonly type: import("vue").PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
type: {
readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<import("vue").PropType<"primary" | "default">, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
}>> & {
onClose?: () => any;
}>>;
emit: (event: "close") => void;
t: import("hongluan-ui/es/hooks").Translator;
currentStep: import("vue").Ref<import("./step").TourStepProps>;
current: import("vue").Ref<number>;
total: import("vue").Ref<number>;
showClose: import("vue").Ref<boolean>;
mergedType: import("vue").Ref<"primary" | "default">;
tourSlots: Readonly<{
[name: string]: import("vue").Slot;
}>;
updateModelValue: (modelValue: boolean) => void;
tourOnClose: () => void;
tourOnFinish: () => void;
onChange: () => void;
mergedShowClose: import("vue").ComputedRef<import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
filterButtonProps: (btnProps?: TourBtnProps) => import("lodash").Omit<TourBtnProps, "onClick" | "children">;
onPrev: () => void;
onNext: () => void;
onFinish: () => void;
onClose: () => void;
HlButton: import("../../../utils").SFCWithInstall<import("vue").DefineComponent<{
type: {
type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
validator: (val: string) => boolean;
};
size: {
type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
validator: (val: string) => boolean;
};
iconPosition: {
type: import("vue").PropType<"left" | "right">;
default: string;
};
nativeType: {
type: import("vue").PropType<"button" | "reset" | "submit">;
default: string;
validator: (val: "button" | "reset" | "submit") => boolean;
};
loading: BooleanConstructor;
disabled: BooleanConstructor;
autofocus: BooleanConstructor;
round: BooleanConstructor;
equal: BooleanConstructor;
effect: StringConstructor;
noFill: BooleanConstructor;
outline: BooleanConstructor;
block: BooleanConstructor;
rational: BooleanConstructor;
dashed: BooleanConstructor;
hover: (BooleanConstructor | StringConstructor)[];
tag: {
type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
default: string;
};
}, {
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
type: {
type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
validator: (val: string) => boolean;
};
size: {
type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
validator: (val: string) => boolean;
};
iconPosition: {
type: import("vue").PropType<"left" | "right">;
default: string;
};
nativeType: {
type: import("vue").PropType<"button" | "reset" | "submit">;
default: string;
validator: (val: "button" | "reset" | "submit") => boolean;
};
loading: BooleanConstructor;
disabled: BooleanConstructor;
autofocus: BooleanConstructor;
round: BooleanConstructor;
equal: BooleanConstructor;
effect: StringConstructor;
noFill: BooleanConstructor;
outline: BooleanConstructor;
block: BooleanConstructor;
rational: BooleanConstructor;
dashed: BooleanConstructor;
hover: (BooleanConstructor | StringConstructor)[];
tag: {
type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
default: string;
};
}>> & {
onClick?: (evt: MouseEvent) => any;
}>>;
emit: (event: "click", evt: MouseEvent) => void;
namespace: import("vue").ComputedRef<string>;
_ref: import("vue").Ref<HTMLButtonElement>;
_props: import("vue").ComputedRef<{
ariaDisabled: boolean;
disabled: boolean;
autofocus: boolean;
type: "button" | "reset" | "submit";
} | {
ariaDisabled?: undefined;
disabled?: undefined;
autofocus?: undefined;
type?: undefined;
}>;
buttonDisabled: import("vue").ComputedRef<boolean>;
buttonSize: import("vue").ComputedRef<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
handleClick: (evt: MouseEvent) => void;
Spinner: import("../../../utils").SFCWithInstall<import("vue").DefineComponent<{
status: {
type: StringConstructor;
default: string;
};
animation: {
type: StringConstructor;
default: string;
};
duration: {
type: StringConstructor;
default: string;
};
color: {
type: StringConstructor;
};
size: StringConstructor;
}, {
namespace: import("vue").ComputedRef<string>;
style: any;
definedSize: import("vue").Ref<boolean>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
status: {
type: StringConstructor;
default: string;
};
animation: {
type: StringConstructor;
default: string;
};
duration: {
type: StringConstructor;
default: string;
};
color: {
type: StringConstructor;
};
size: StringConstructor;
}>>, {
animation: string;
status: string;
duration: string;
}>> & Record<string, any>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
click: (evt: MouseEvent) => boolean;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
type: {
type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
validator: (val: string) => boolean;
};
size: {
type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
validator: (val: string) => boolean;
};
iconPosition: {
type: import("vue").PropType<"left" | "right">;
default: string;
};
nativeType: {
type: import("vue").PropType<"button" | "reset" | "submit">;
default: string;
validator: (val: "button" | "reset" | "submit") => boolean;
};
loading: BooleanConstructor;
disabled: BooleanConstructor;
autofocus: BooleanConstructor;
round: BooleanConstructor;
equal: BooleanConstructor;
effect: StringConstructor;
noFill: BooleanConstructor;
outline: BooleanConstructor;
block: BooleanConstructor;
rational: BooleanConstructor;
dashed: BooleanConstructor;
hover: (BooleanConstructor | StringConstructor)[];
tag: {
type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
default: string;
};
}>> & {
onClick?: (evt: MouseEvent) => any;
}, {
block: boolean;
disabled: boolean;
round: boolean;
dashed: boolean;
nativeType: "button" | "reset" | "submit";
autofocus: boolean;
outline: boolean;
tag: string;
loading: boolean;
iconPosition: "left" | "right";
equal: boolean;
noFill: boolean;
rational: boolean;
}>> & Record<string, any>;
HlIcon: import("../../../utils").SFCWithInstall<import("vue").DefineComponent<{
type: {
type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
validator: (val: string) => boolean;
};
size: {
type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
validator: (val: string) => boolean;
};
name: {
type: StringConstructor;
default: string;
};
color: StringConstructor;
border: NumberConstructor;
opacity: NumberConstructor;
width: (StringConstructor | NumberConstructor)[];
height: (StringConstructor | NumberConstructor)[];
gradient: BooleanConstructor;
startColor: StringConstructor;
fill: BooleanConstructor;
round: BooleanConstructor;
radius: BooleanConstructor;
transition: BooleanConstructor;
effect: StringConstructor;
}, {
namespace: import("vue").ComputedRef<string>;
iconStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
iconId: string;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
type: {
type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
validator: (val: string) => boolean;
};
size: {
type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
validator: (val: string) => boolean;
};
name: {
type: StringConstructor;
default: string;
};
color: StringConstructor;
border: NumberConstructor;
opacity: NumberConstructor;
width: (StringConstructor | NumberConstructor)[];
height: (StringConstructor | NumberConstructor)[];
gradient: BooleanConstructor;
startColor: StringConstructor;
fill: BooleanConstructor;
round: BooleanConstructor;
radius: BooleanConstructor;
transition: BooleanConstructor;
effect: StringConstructor;
}>>, {
name: string;
fill: boolean;
round: boolean;
transition: boolean;
gradient: boolean;
radius: boolean;
}>> & Record<string, any>;
SystemClose: import("vue").DefineComponent<{
gradient: {
type: BooleanConstructor;
};
borderWidth: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
opacity: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
startColor: {
type: StringConstructor;
default: string;
};
}, {
CustomIcon: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
gradient: {
type: BooleanConstructor;
};
borderWidth: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
opacity: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
startColor: {
type: StringConstructor;
default: string;
};
}>>, {
opacity: string | number;
gradient: boolean;
startColor: string;
borderWidth: string | number;
}>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
close: () => boolean;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
target: {
readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<import("vue").PropType<string | HTMLElement | (() => HTMLElement)>, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
title: StringConstructor;
description: StringConstructor;
showClose: {
readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
showArrow: {
readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
placement: import("../../../utils").EpPropFinalized<import("vue").PropType<import("@floating-ui/core").Placement>, "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, boolean>;
mask: {
readonly type: import("vue").PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
contentStyle: {
readonly type: import("vue").PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
prevButtonProps: {
readonly type: import("vue").PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
nextButtonProps: {
readonly type: import("vue").PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
scrollIntoViewOptions: {
readonly type: import("vue").PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
type: {
readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<import("vue").PropType<"primary" | "default">, unknown, unknown>>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
}>> & {
onClose?: () => any;
}, {
placement: import("../../../utils").EpPropMergeType<import("vue").PropType<import("@floating-ui/core").Placement>, "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown>;
}>;
export default _default;