various-ui/es/components/carousel/default/index.vue.d.ts

This is a test version of the Vue 3 component library

/// <reference types="node" />
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    readonly arrow: {
        readonly type: import("vue").PropType<"hover" | "always" | "never">;
        readonly default: "hover";
    };
    readonly delay: {
        readonly type: NumberConstructor;
        readonly default: 3000;
    };
    readonly transitionDelay: {
        readonly type: NumberConstructor;
        readonly default: 500;
    };
    readonly width: {
        readonly type: import("vue").PropType<string | number>;
        readonly default: "100%";
    };
    readonly height: {
        readonly type: import("vue").PropType<string | number>;
        readonly default: "100%";
    };
    readonly drag: {
        readonly type: BooleanConstructor;
        readonly default: false;
    };
    readonly autoplay: {
        readonly type: BooleanConstructor;
        readonly default: true;
    };
    readonly pagination: {
        readonly type: BooleanConstructor;
        readonly default: true;
    };
}>, {
    define: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
        readonly arrow: {
            readonly type: import("vue").PropType<"hover" | "always" | "never">;
            readonly default: "hover";
        };
        readonly delay: {
            readonly type: NumberConstructor;
            readonly default: 3000;
        };
        readonly transitionDelay: {
            readonly type: NumberConstructor;
            readonly default: 500;
        };
        readonly width: {
            readonly type: import("vue").PropType<string | number>;
            readonly default: "100%";
        };
        readonly height: {
            readonly type: import("vue").PropType<string | number>;
            readonly default: "100%";
        };
        readonly drag: {
            readonly type: BooleanConstructor;
            readonly default: false;
        };
        readonly autoplay: {
            readonly type: BooleanConstructor;
            readonly default: true;
        };
        readonly pagination: {
            readonly type: BooleanConstructor;
            readonly default: true;
        };
    }>> & Readonly<{
        onChange?: ((_number: number) => any) | undefined;
        onDrag?: (() => any) | undefined;
        onNext?: ((_number: number) => any) | undefined;
        "onDrag-after"?: (() => any) | undefined;
        "onChange-after"?: ((_number: number) => any) | undefined;
    }> & {}>;
    emits: ((event: "change", _number: number) => void) & ((event: "drag") => void) & ((event: "next", _number: number) => void) & ((event: "drag-after") => void) & ((event: "change-after", _number: number) => void);
    ons: {
        container: {
            touchstart: (ev: TouchEvent) => void;
        } | {
            touchstart?: undefined;
        };
        main: {
            mouseenter: () => void | undefined;
            mouseleave: () => void;
        };
    };
    refs: {
        main: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
        container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
        childrens: import("vue").Ref<HTMLElement[], HTMLElement[]>;
        autoTimer: import("vue").Ref<NodeJS.Timeout | undefined, NodeJS.Timeout | undefined>;
        skipTimer: import("vue").Ref<{
            valueOf: () => boolean;
        }, Boolean | {
            valueOf: () => boolean;
        }>;
        active: import("vue").Ref<number, number>;
    };
    watchs: {
        stopAutoPlay: import("vue").WatchHandle;
    };
    methods: {
        init: (number?: number | undefined) => void;
        dragCarousel: (ev: TouchEvent) => void;
        switchCarousel: (number: number, _data?: any) => void;
        switchBack: () => void;
        switchNext: () => void;
    };
    computeds: {
        isFirstControl: import("vue").ComputedRef<boolean>;
        isLastControl: import("vue").ComputedRef<boolean>;
        className: import("vue").ComputedRef<string>;
        style: import("vue").ComputedRef<{
            [name: string]: any;
        }>;
    };
    variable: {
        delay: number;
        observer: ResizeObserver | undefined;
    };
    main: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
    active: import("vue").Ref<number, number>;
    container: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
    childrens: import("vue").Ref<HTMLElement[], HTMLElement[]>;
    switchCarousel: (number: number, _data?: any) => void;
    switchBack: () => void;
    switchNext: () => void;
    init: (number?: number | undefined) => void;
    style: import("vue").ComputedRef<{
        [name: string]: any;
    }>;
    className: import("vue").ComputedRef<string>;
    isLastControl: import("vue").ComputedRef<boolean>;
    isFirstControl: import("vue").ComputedRef<boolean>;
    readonly UiIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
        readonly name: StringConstructor;
    }>, {
        define: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
            readonly name: StringConstructor;
        }>> & Readonly<{
            onClick?: ((_ev?: Event | MouseEvent | undefined) => any) | undefined;
        }> & {}>;
        emits: (event: "click", _ev?: Event | MouseEvent | undefined) => void;
        click: (ev: Event | MouseEvent) => void;
        name: import("vue").ComputedRef<string>;
    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
        click: (_ev?: Event | MouseEvent | undefined) => boolean;
    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
        readonly name: StringConstructor;
    }>> & Readonly<{
        onClick?: ((_ev?: Event | MouseEvent | undefined) => any) | undefined;
    }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
    drag: () => boolean;
    next: (_number: number) => boolean;
    change: (_number: number) => boolean;
    "drag-after": () => boolean;
    "change-after": (_number: number) => boolean;
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    readonly arrow: {
        readonly type: import("vue").PropType<"hover" | "always" | "never">;
        readonly default: "hover";
    };
    readonly delay: {
        readonly type: NumberConstructor;
        readonly default: 3000;
    };
    readonly transitionDelay: {
        readonly type: NumberConstructor;
        readonly default: 500;
    };
    readonly width: {
        readonly type: import("vue").PropType<string | number>;
        readonly default: "100%";
    };
    readonly height: {
        readonly type: import("vue").PropType<string | number>;
        readonly default: "100%";
    };
    readonly drag: {
        readonly type: BooleanConstructor;
        readonly default: false;
    };
    readonly autoplay: {
        readonly type: BooleanConstructor;
        readonly default: true;
    };
    readonly pagination: {
        readonly type: BooleanConstructor;
        readonly default: true;
    };
}>> & Readonly<{
    onChange?: ((_number: number) => any) | undefined;
    onDrag?: (() => any) | undefined;
    onNext?: ((_number: number) => any) | undefined;
    "onDrag-after"?: (() => any) | undefined;
    "onChange-after"?: ((_number: number) => any) | undefined;
}>, {
    readonly height: string | number;
    readonly transitionDelay: number;
    readonly width: string | number;
    readonly drag: boolean;
    readonly arrow: "hover" | "always" | "never";
    readonly delay: number;
    readonly autoplay: boolean;
    readonly pagination: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export default _default;