naive-ui 2.23.1 → 2.24.2

package/lib/carousel/src/Carousel.d.ts

@@ -1,135 +1,361 @@
-import { PropType } from 'vue';
+import type { CSSProperties, PropType, Ref, TransitionProps, VNode } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
+import type { ElementOf } from './interface';
+declare const transitionProperties: ["transitionDuration", "transitionTimingFunction"];
+declare type TransitionStyle = Partial<Pick<CSSProperties, ElementOf<typeof transitionProperties>>>;
 declare const carouselProps: {
+    defaultIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    currentIndex: NumberConstructor;
     showArrow: BooleanConstructor;
-    autoplay: BooleanConstructor;
+    dotType: {
+        type: PropType<"dot" | "line">;
+        default: string;
+    };
     dotPlacement: {
         type: PropType<"left" | "right" | "bottom" | "top">;
         default: string;
     };
+    slidesPerView: {
+        type: PropType<number | "auto">;
+        default: number;
+    };
+    spaceBetween: {
+        type: NumberConstructor;
+        default: number;
+    };
+    centeredSlides: BooleanConstructor;
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+    };
+    autoplay: BooleanConstructor;
     interval: {
         type: NumberConstructor;
         default: number;
     };
+    loop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    effect: {
+        type: PropType<"card" | "slide" | "fade" | "custom">;
+        default: string;
+    };
+    showDots: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     trigger: {
         type: PropType<"click" | "hover">;
         default: string;
     };
+    transitionStyle: {
+        type: PropType<Partial<Pick<CSSProperties, "transitionDuration" | "transitionTimingFunction">>>;
+        default: () => TransitionStyle;
+    };
+    transitionProps: PropType<TransitionProps>;
+    draggable: BooleanConstructor;
+    touchable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mousewheel: BooleanConstructor;
+    keyboard: BooleanConstructor;
+    'onUpdate:currentIndex': PropType<(currentIndex: number, lastIndex: number) => void>;
+    onUpdateCurrentIndex: PropType<(currentIndex: number, lastIndex: number) => void>;
     theme: PropType<import("../../_mixins").Theme<"Carousel", {
         dotSize: string;
         dotColor: string;
         dotColorActive: string;
+        dotColorFocus: string;
+        dotLineWidth: string;
+        dotLineWidthActive: string;
         arrowColor: string;
     }, any>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Carousel", {
         dotSize: string;
         dotColor: string;
         dotColorActive: string;
+        dotColorFocus: string;
+        dotLineWidth: string;
+        dotLineWidthActive: string;
         arrowColor: string;
     }, any>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Carousel", {
         dotSize: string;
         dotColor: string;
         dotColorActive: string;
+        dotColorFocus: string;
+        dotLineWidth: string;
+        dotLineWidthActive: string;
         arrowColor: string;
     }, any>>>;
 };
 export declare type CarouselProps = ExtractPublicPropTypes<typeof carouselProps>;
 declare const _default: import("vue").DefineComponent<{
+    defaultIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    currentIndex: NumberConstructor;
     showArrow: BooleanConstructor;
-    autoplay: BooleanConstructor;
+    dotType: {
+        type: PropType<"dot" | "line">;
+        default: string;
+    };
     dotPlacement: {
         type: PropType<"left" | "right" | "bottom" | "top">;
         default: string;
     };
+    slidesPerView: {
+        type: PropType<number | "auto">;
+        default: number;
+    };
+    spaceBetween: {
+        type: NumberConstructor;
+        default: number;
+    };
+    centeredSlides: BooleanConstructor;
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+    };
+    autoplay: BooleanConstructor;
     interval: {
         type: NumberConstructor;
         default: number;
     };
+    loop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    effect: {
+        type: PropType<"card" | "slide" | "fade" | "custom">;
+        default: string;
+    };
+    showDots: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     trigger: {
         type: PropType<"click" | "hover">;
         default: string;
     };
+    transitionStyle: {
+        type: PropType<Partial<Pick<CSSProperties, "transitionDuration" | "transitionTimingFunction">>>;
+        default: () => Partial<Pick<CSSProperties, "transitionDuration" | "transitionTimingFunction">>;
+    };
+    transitionProps: PropType<TransitionProps>;
+    draggable: BooleanConstructor;
+    touchable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mousewheel: BooleanConstructor;
+    keyboard: BooleanConstructor;
+    'onUpdate:currentIndex': PropType<(currentIndex: number, lastIndex: number) => void>;
+    onUpdateCurrentIndex: PropType<(currentIndex: number, lastIndex: number) => void>;
     theme: PropType<import("../../_mixins").Theme<"Carousel", {
         dotSize: string;
         dotColor: string;
         dotColorActive: string;
+        dotColorFocus: string;
+        dotLineWidth: string;
+        dotLineWidthActive: string;
         arrowColor: string;
     }, any>>;
     themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Carousel", {
         dotSize: string;
         dotColor: string;
         dotColorActive: string;
+        dotColorFocus: string;
+        dotLineWidth: string;
+        dotLineWidthActive: string;
         arrowColor: string;
     }, any>>>;
     builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Carousel", {
         dotSize: string;
         dotColor: string;
         dotColorActive: string;
+        dotColorFocus: string;
+        dotLineWidth: string;
+        dotLineWidthActive: string;
         arrowColor: string;
     }, any>>>;
 }, {
-    selfElRef: import("vue").Ref<HTMLDivElement | null>;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
-    current: import("vue").Ref<number>;
-    lengthRef: {
-        value: number;
-    };
-    touching: import("vue").Ref<boolean>;
-    dragOffset: import("vue").Ref<number>;
+    cssVars: import("vue").ComputedRef<{
+        '--n-bezier': string;
+        '--n-dot-color': string;
+        '--n-dot-color-focus': string;
+        '--n-dot-color-active': string;
+        '--n-dot-size': string;
+        '--n-dot-line-width': string;
+        '--n-dot-line-width-active': string;
+        '--n-arrow-color': string;
+    }>;
+    getCurrentIndex: () => number;
+    to: (index: number) => void;
     prev: () => void;
     next: () => void;
-    setCurrent: (value: number) => void;
-    handleKeydown: (e: KeyboardEvent, current: number) => void;
-    handleTouchstart: (e: TouchEvent) => void;
-    handleTransitionEnd: (e: TransitionEvent) => void;
-    handleMouseenter: (current: number) => void;
-    cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--dot-color': string;
-        '--dot-color-active': string;
-        '--dot-size': string;
-        '--arrow-color': string;
+    arrowSlotProps: import("vue").ComputedRef<{
+        to: (index: number) => void;
+        prev: () => void;
+        next: () => void;
+        isVertical: () => boolean;
+        isPrevDisabled: () => boolean;
+        isNextDisabled: () => boolean;
+        isPrev: (slideOrIndex: HTMLElement | number) => boolean;
+        isNext: (slideOrIndex: HTMLElement | number) => boolean;
+        isActive: (slideOrIndex: HTMLElement | number) => boolean;
+        isHorizontal: () => boolean;
+        getCurrentIndex: () => number;
+        getSlideIndex: (slideOrIndex: HTMLElement | number) => number;
+        getSlideStyle: (slide: HTMLElement | number) => any;
+        addSlide: (slide?: HTMLElement | undefined) => void;
+        removeSlide: (slide?: HTMLElement | undefined) => void;
+        onCarouselItemClick: (index: number, event: MouseEvent) => void;
+        total: number;
+        currentIndex: number;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    showArrow?: unknown;
-    autoplay?: unknown;
-    dotPlacement?: unknown;
-    interval?: unknown;
-    trigger?: unknown;
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-} & {
-    autoplay: boolean;
-    trigger: "click" | "hover";
-    showArrow: boolean;
-    dotPlacement: "left" | "right" | "bottom" | "top";
-    interval: number;
-} & {
-    theme?: import("../../_mixins").Theme<"Carousel", {
+    dotSlotProps: import("vue").ComputedRef<{
+        total: number;
+        currentIndex: number;
+        to: (index: number) => void;
+    }>;
+    mergedClsPrefix: import("vue").ComputedRef<string>;
+    selfElRef: Ref<HTMLDivElement | null>;
+    slideVNodes: {
+        value: VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>[];
+    };
+    duplicatedable: import("vue").ComputedRef<boolean>;
+    userWantsControl: import("vue").ComputedRef<boolean>;
+    autoSlideSize: import("vue").ComputedRef<boolean>;
+    displayIndex: Ref<number>;
+    realIndex: Ref<number>;
+    slideStyles: import("vue").ComputedRef<{
+        [x: string]: string;
+    }[] | CSSProperties[]>;
+    translateStyle: Ref<CSSProperties>;
+    handleTouchstart: (event: MouseEvent | TouchEvent) => void;
+    handleTransitionEnd: () => void;
+    handleMousewheel: (event: WheelEvent) => void;
+    handleResize: () => void;
+    handleSlideResize: () => void;
+    isActive: (index: number) => 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<{
+    defaultIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    currentIndex: NumberConstructor;
+    showArrow: BooleanConstructor;
+    dotType: {
+        type: PropType<"dot" | "line">;
+        default: string;
+    };
+    dotPlacement: {
+        type: PropType<"left" | "right" | "bottom" | "top">;
+        default: string;
+    };
+    slidesPerView: {
+        type: PropType<number | "auto">;
+        default: number;
+    };
+    spaceBetween: {
+        type: NumberConstructor;
+        default: number;
+    };
+    centeredSlides: BooleanConstructor;
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+    };
+    autoplay: BooleanConstructor;
+    interval: {
+        type: NumberConstructor;
+        default: number;
+    };
+    loop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    effect: {
+        type: PropType<"card" | "slide" | "fade" | "custom">;
+        default: string;
+    };
+    showDots: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    trigger: {
+        type: PropType<"click" | "hover">;
+        default: string;
+    };
+    transitionStyle: {
+        type: PropType<Partial<Pick<CSSProperties, "transitionDuration" | "transitionTimingFunction">>>;
+        default: () => Partial<Pick<CSSProperties, "transitionDuration" | "transitionTimingFunction">>;
+    };
+    transitionProps: PropType<TransitionProps>;
+    draggable: BooleanConstructor;
+    touchable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mousewheel: BooleanConstructor;
+    keyboard: BooleanConstructor;
+    'onUpdate:currentIndex': PropType<(currentIndex: number, lastIndex: number) => void>;
+    onUpdateCurrentIndex: PropType<(currentIndex: number, lastIndex: number) => void>;
+    theme: PropType<import("../../_mixins").Theme<"Carousel", {
         dotSize: string;
         dotColor: string;
         dotColorActive: string;
+        dotColorFocus: string;
+        dotLineWidth: string;
+        dotLineWidthActive: string;
         arrowColor: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Carousel", {
+    }, any>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Carousel", {
         dotSize: string;
         dotColor: string;
         dotColorActive: string;
+        dotColorFocus: string;
+        dotLineWidth: string;
+        dotLineWidthActive: string;
         arrowColor: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Carousel", {
+    }, any>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Carousel", {
         dotSize: string;
         dotColor: string;
         dotColorActive: string;
+        dotColorFocus: string;
+        dotLineWidth: string;
+        dotLineWidthActive: string;
         arrowColor: string;
-    }, any>> | undefined;
-}>, {
+    }, any>>>;
+}>>, {
+    direction: "horizontal" | "vertical";
+    draggable: boolean;
     autoplay: boolean;
+    loop: boolean;
     trigger: "click" | "hover";
     showArrow: boolean;
+    keyboard: boolean;
+    dotType: "dot" | "line";
+    defaultIndex: number;
     dotPlacement: "left" | "right" | "bottom" | "top";
+    slidesPerView: number | "auto";
+    spaceBetween: number;
+    centeredSlides: boolean;
     interval: number;
+    effect: "card" | "slide" | "fade" | "custom";
+    showDots: boolean;
+    transitionStyle: Partial<Pick<CSSProperties, "transitionDuration" | "transitionTimingFunction">>;
+    touchable: boolean;
+    mousewheel: boolean;
 }>;
 export default _default;