hongluan-ui/lib/components/carousel/index.d.ts

Hongluan Component Library for Vue 3

/// <reference types="node" />
export declare const HlCarousel: import("hongluan-ui/es/utils").SFCWithInstall<import("vue").DefineComponent<{
    readonly initialIndex: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
    readonly height: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
    readonly trigger: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<"hover" | "click">, unknown, unknown, "hover", boolean>;
    readonly autoplay: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
    readonly interval: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 3000, boolean>;
    readonly indicatorPosition: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
    readonly indicator: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
    readonly arrow: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "hover", boolean>;
    readonly type: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
    readonly loop: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
    readonly direction: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<"horizontal" | "vertical">, unknown, unknown, "horizontal", boolean>;
    readonly pauseOnHover: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
    readonly indicatorType: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<"custom" | "line" | "dot">, unknown, unknown, "line", boolean>;
    readonly itemsNumber: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
    readonly itemsWidth: import("hongluan-ui/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
}, {
    t: import("../..").Translator;
    data: {
        activeIndex: number;
        containerWidth: number;
        timer: {
            hasRef: () => boolean;
            refresh: () => NodeJS.Timer;
            [Symbol.toPrimitive]: () => number;
            ref: () => NodeJS.Timer;
            unref: () => NodeJS.Timer;
        };
        hover: boolean;
        itemsIndexArray: number[];
        throttledArrowDirection: string;
        itemsWidthUnit: string;
    };
    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
        readonly initialIndex: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
        readonly height: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
        readonly trigger: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<"hover" | "click">, unknown, unknown, "hover", boolean>;
        readonly autoplay: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
        readonly interval: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 3000, boolean>;
        readonly indicatorPosition: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
        readonly indicator: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
        readonly arrow: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "hover", boolean>;
        readonly type: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
        readonly loop: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
        readonly direction: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<"horizontal" | "vertical">, unknown, unknown, "horizontal", boolean>;
        readonly pauseOnHover: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
        readonly indicatorType: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<"custom" | "line" | "dot">, unknown, unknown, "line", boolean>;
        readonly itemsNumber: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
        readonly itemsWidth: import("hongluan-ui/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
    }>> & {
        onChange?: (...args: any[]) => any;
    }>>;
    items: import("vue").ShallowRef<import("../..").CarouselItemContext[]>;
    arrowDisplay: import("vue").ComputedRef<boolean>;
    carouselClasses: import("vue").ComputedRef<string[]>;
    indicatorsClasses: import("vue").ComputedRef<string[]>;
    indicatorsButtonClasses: import("vue").ComputedRef<"carousel-button" | "carousel-dot">;
    hasLabel: import("vue").ComputedRef<boolean>;
    containerWidth: import("vue").ComputedRef<string>;
    showMultiple: import("vue").ComputedRef<boolean>;
    handleMouseEnter: () => void;
    handleMouseLeave: () => void;
    handleIndicatorClick: (index: number) => void;
    throttledArrowClick: import("lodash").DebouncedFunc<(index: any, direction: any) => void>;
    throttledIndicatorHover: import("lodash").DebouncedFunc<(index: any) => void>;
    handleButtonEnter: (arrow: "left" | "right") => void;
    handleButtonLeave: () => void;
    prev: () => void;
    next: () => void;
    setActiveItem: (index: string | number) => void;
    root: any;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    readonly initialIndex: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
    readonly height: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
    readonly trigger: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<"hover" | "click">, unknown, unknown, "hover", boolean>;
    readonly autoplay: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
    readonly interval: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 3000, boolean>;
    readonly indicatorPosition: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
    readonly indicator: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
    readonly arrow: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "hover", boolean>;
    readonly type: import("hongluan-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
    readonly loop: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
    readonly direction: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<"horizontal" | "vertical">, unknown, unknown, "horizontal", boolean>;
    readonly pauseOnHover: import("hongluan-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
    readonly indicatorType: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<"custom" | "line" | "dot">, unknown, unknown, "line", boolean>;
    readonly itemsNumber: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
    readonly itemsWidth: import("hongluan-ui/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
}>> & {
    onChange?: (...args: any[]) => any;
}, {
    type: string;
    trigger: import("hongluan-ui/es/utils").EpPropMergeType<import("vue").PropType<"hover" | "click">, unknown, unknown>;
    height: string;
    direction: import("hongluan-ui/es/utils").EpPropMergeType<import("vue").PropType<"horizontal" | "vertical">, unknown, unknown>;
    indicator: import("hongluan-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
    arrow: string;
    loop: import("hongluan-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
    initialIndex: number;
    autoplay: import("hongluan-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
    interval: number;
    indicatorPosition: string;
    pauseOnHover: import("hongluan-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
    indicatorType: import("hongluan-ui/es/utils").EpPropMergeType<import("vue").PropType<"custom" | "line" | "dot">, unknown, unknown>;
    itemsNumber: number;
    itemsWidth: import("hongluan-ui/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
}>> & Record<string, any>;
export default HlCarousel;
export * from './src/carousel';
export * from './src/carousel-item';
export * from './src/carousel-indicator';
export type { CarouselInstance } from './src/instance';