element-plus
Version:
A Component Library for Vue 3
179 lines (178 loc) • 5.81 kB
TypeScript
/// <reference types="node" />
export declare const ElCarousel: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
initialIndex: {
type: NumberConstructor;
default: number;
};
height: {
type: StringConstructor;
default: string;
};
trigger: {
type: StringConstructor;
default: string;
};
autoplay: {
type: BooleanConstructor;
default: boolean;
};
interval: {
type: NumberConstructor;
default: number;
};
indicatorPosition: {
type: StringConstructor;
default: string;
};
indicator: {
type: BooleanConstructor;
default: boolean;
};
arrow: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
loop: {
type: BooleanConstructor;
default: boolean;
};
direction: {
type: StringConstructor;
default: string;
validator(val: string): boolean;
};
pauseOnHover: {
type: BooleanConstructor;
default: boolean;
};
}, {
data: {
activeIndex: number;
containerWidth: number;
timer: {
hasRef: () => boolean;
refresh: () => NodeJS.Timer;
[Symbol.toPrimitive]: () => number;
ref: () => NodeJS.Timer;
unref: () => NodeJS.Timer;
} | null;
hover: boolean;
};
props: import("./src/carousel").ICarouselProps;
items: import("vue").Ref<{
uid: number;
translateItem: (index: number, activeIndex: number, oldIndex: number) => void;
name: string;
label: string | number;
key: string;
hover: boolean;
translate: number;
scale: number;
active: boolean;
ready: boolean;
inStage: boolean;
animating: boolean;
}[]>;
arrowDisplay: import("vue").ComputedRef<boolean>;
carouselClasses: import("vue").ComputedRef<string[]>;
indicatorsClasses: import("vue").ComputedRef<string[]>;
hasLabel: import("vue").ComputedRef<boolean>;
handleMouseEnter: () => void;
handleMouseLeave: () => void;
handleIndicatorClick: (index: any) => void;
throttledArrowClick: import("lodash").DebouncedFunc<(index: any) => void>;
throttledIndicatorHover: import("lodash").DebouncedFunc<(index: any) => void>;
handleButtonEnter: (arrow: any) => void;
handleButtonLeave: () => void;
prev: () => void;
next: () => void;
setActiveItem: (index: any) => void;
root: import("vue").Ref<null>;
ns: {
namespace: import("vue").ComputedRef<string>;
b: (blockSuffix?: string) => string;
e: (element?: string | undefined) => string;
m: (modifier?: string | undefined) => string;
be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
em: (element?: string | undefined, modifier?: string | undefined) => string;
bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
is: {
(name: string, state: boolean | undefined): string;
(name: string): string;
};
};
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
initialIndex: {
type: NumberConstructor;
default: number;
};
height: {
type: StringConstructor;
default: string;
};
trigger: {
type: StringConstructor;
default: string;
};
autoplay: {
type: BooleanConstructor;
default: boolean;
};
interval: {
type: NumberConstructor;
default: number;
};
indicatorPosition: {
type: StringConstructor;
default: string;
};
indicator: {
type: BooleanConstructor;
default: boolean;
};
arrow: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
};
loop: {
type: BooleanConstructor;
default: boolean;
};
direction: {
type: StringConstructor;
default: string;
validator(val: string): boolean;
};
pauseOnHover: {
type: BooleanConstructor;
default: boolean;
};
}>> & {
onChange?: ((...args: any[]) => any) | undefined;
}, {
type: string;
height: string;
direction: string;
trigger: string;
indicator: boolean;
initialIndex: number;
autoplay: boolean;
interval: number;
indicatorPosition: string;
arrow: string;
loop: boolean;
pauseOnHover: boolean;
}>> & {
CarouselItem: import("vue").DefineComponent<unknown, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<unknown>, {}>;
};
export default ElCarousel;
export declare const ElCarouselItem: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<unknown, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<unknown>, {}>>;