ivue-material-plus
Version:
A high quality UI components Library with Vue.js
226 lines (225 loc) • 6.06 kB
TypeScript
/// <reference types="node" />
export declare const IvueCarousel: import("../../utils/install").SFCWithInstall<import("vue").DefineComponent<{
type: {
type: StringConstructor;
validator(value: string): boolean;
};
direction: {
type: StringConstructor;
validator(value: string): boolean;
default: string;
};
verticalDotsDirection: {
type: StringConstructor;
validator(value: string): boolean;
default: string;
};
height: {
type: StringConstructor;
};
loop: {
type: BooleanConstructor;
default: boolean;
};
initialIndex: {
type: NumberConstructor;
default: number;
};
leftArrow: {
type: StringConstructor;
default: string;
};
rightArrow: {
type: StringConstructor;
default: string;
};
arrow: {
type: StringConstructor;
validator(value: string): boolean;
default: string;
};
dots: {
type: StringConstructor;
validator(value: string): boolean;
default: string;
};
radiusDot: {
type: BooleanConstructor;
default: boolean;
};
throttleTime: {
type: NumberConstructor;
default: number;
};
trigger: {
type: StringConstructor;
validator(value: string): boolean;
default: string;
};
autoplay: {
type: BooleanConstructor;
default: boolean;
};
interval: {
type: NumberConstructor;
default: number;
};
pauseOnHover: {
type: BooleanConstructor;
default: boolean;
};
cardScale: {
type: NumberConstructor;
default: number;
};
}, {
prefixCls: string;
wrapper: import("vue").Ref<HTMLDivElement>;
data: {
items: {
props: {
name: string | number;
label: string | number;
};
states: {
translate: number;
scale: number;
active: boolean;
ready: boolean;
inStage: boolean;
animating: boolean;
hover: boolean;
};
uid: number;
translateItem: (index: number, activeIndex: number, oldIndex?: number) => void;
}[];
activeIndex: number;
hover: boolean;
timer: {
hasRef: () => boolean;
refresh: () => NodeJS.Timer;
[Symbol.toPrimitive]: () => number;
ref: () => NodeJS.Timer;
unref: () => NodeJS.Timer;
};
contentHeight: number;
init: boolean;
};
wrapperClasses: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
arrowDisplay: import("vue").ComputedRef<boolean>;
dotsClasses: import("vue").ComputedRef<(string | {
[x: string]: boolean;
})[]>;
contentStyles: import("vue").ComputedRef<{
height: string;
overflow?: undefined;
} | {
height: string;
overflow: string;
}>;
handleMouseEnter: () => void;
handleMouseLeave: () => void;
handleArrowClick: import("lodash-unified").DebouncedFunc<(index: number) => void>;
handleDotClick: (index: number) => void;
handleThrottleDotHover: import("lodash-unified").DebouncedFunc<(index: number) => void>;
handleArrowEnter: (arrow: "left" | "right") => void;
handleArrowLeave: () => void;
setActiveItem: (index: string | number) => void;
prev: import("lodash-unified").DebouncedFunc<() => void>;
next: import("lodash-unified").DebouncedFunc<() => void>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "on-change"[], "on-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
type: {
type: StringConstructor;
validator(value: string): boolean;
};
direction: {
type: StringConstructor;
validator(value: string): boolean;
default: string;
};
verticalDotsDirection: {
type: StringConstructor;
validator(value: string): boolean;
default: string;
};
height: {
type: StringConstructor;
};
loop: {
type: BooleanConstructor;
default: boolean;
};
initialIndex: {
type: NumberConstructor;
default: number;
};
leftArrow: {
type: StringConstructor;
default: string;
};
rightArrow: {
type: StringConstructor;
default: string;
};
arrow: {
type: StringConstructor;
validator(value: string): boolean;
default: string;
};
dots: {
type: StringConstructor;
validator(value: string): boolean;
default: string;
};
radiusDot: {
type: BooleanConstructor;
default: boolean;
};
throttleTime: {
type: NumberConstructor;
default: number;
};
trigger: {
type: StringConstructor;
validator(value: string): boolean;
default: string;
};
autoplay: {
type: BooleanConstructor;
default: boolean;
};
interval: {
type: NumberConstructor;
default: number;
};
pauseOnHover: {
type: BooleanConstructor;
default: boolean;
};
cardScale: {
type: NumberConstructor;
default: number;
};
}>> & {
"onOn-change"?: (...args: any[]) => any;
}, {
direction: string;
verticalDotsDirection: string;
loop: boolean;
initialIndex: number;
leftArrow: string;
rightArrow: string;
arrow: string;
dots: string;
radiusDot: boolean;
throttleTime: number;
trigger: string;
autoplay: boolean;
interval: number;
pauseOnHover: boolean;
cardScale: number;
}>> & Record<string, any>;
export default IvueCarousel;
export * from './index.vue';