naive-ui 2.23.2 → 2.24.0

package/lib/auto-complete/src/AutoComplete.js

@@ -8,14 +8,14 @@ const treemate_1 = require("treemate");
 const vueuc_1 = require("vueuc");
 const vdirs_1 = require("vdirs");
 const vooks_1 = require("vooks");
+const utils_1 = require("../../select/src/utils");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
 const _internal_1 = require("../../_internal");
 const input_1 = require("../../input");
 const styles_1 = require("../styles");
-const utils_1 = require("./utils");
+const utils_2 = require("./utils");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-const utils_2 = require("../../select/src/utils");
 const autoCompleteProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { to: _utils_1.useAdjustedTo.propTo, bordered: {
         type: Boolean,
         default: undefined
@@ -31,25 +31,23 @@ const autoCompleteProps = Object.assign(Object.assign({}, _mixins_1.useTheme.pro
     }, disabled: {
         type: Boolean,
         default: undefined
-    }, placeholder: String, value: String, blurAfterSelect: Boolean, clearAfterSelect: Boolean, getShow: Function, inputProps: Object, size: String, options: {
+    }, placeholder: String, value: String, blurAfterSelect: Boolean, clearAfterSelect: Boolean, getShow: Function, inputProps: Object, renderOption: Function, renderLabel: Function, size: String, options: {
         type: Array,
         default: () => []
     }, zIndex: Number, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], onSelect: [Function, Array], onBlur: [Function, Array], onFocus: [Function, Array], 
     // deprecated
-    onInput: {
-        type: [Function, Array],
-        validator: () => {
-            if (process.env.NODE_ENV !== 'production') {
-                (0, _utils_1.warn)('auto-complete', '`on-input` is deprecated, please use `on-update:value` instead.');
-            }
-            return true;
-        },
-        default: undefined
-    } });
+    onInput: [Function, Array] });
 exports.default = (0, vue_1.defineComponent)({
     name: 'AutoComplete',
     props: autoCompleteProps,
     setup(props) {
+        if (process.env.NODE_ENV !== 'production') {
+            (0, vue_1.watchEffect)(() => {
+                if (props.onInput !== undefined) {
+                    (0, _utils_1.warnOnce)('auto-complete', '`on-input` is deprecated, please use `on-update:value` instead.');
+                }
+            });
+        }
         const { mergedBorderedRef, namespaceRef, mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
         const formItem = (0, _mixins_1.useFormItem)(props);
         const { mergedSizeRef, mergedDisabledRef } = formItem;
@@ -62,7 +60,7 @@ exports.default = (0, vue_1.defineComponent)({
         const isComposingRef = (0, vue_1.ref)(false);
         const themeRef = (0, _mixins_1.useTheme)('AutoComplete', 'AutoComplete', index_cssr_1.default, styles_1.autoCompleteLight, props, mergedClsPrefixRef);
         const selectOptionsRef = (0, vue_1.computed)(() => {
-            return (0, utils_1.mapAutoCompleteOptionsToSelectOptions)(props.options);
+            return (0, utils_2.mapAutoCompleteOptionsToSelectOptions)(props.options);
         });
         const mergedShowOptionsRef = (0, vue_1.computed)(() => {
             const { getShow } = props;
@@ -76,7 +74,7 @@ exports.default = (0, vue_1.defineComponent)({
                 canBeActivatedRef.value &&
                 !!selectOptionsRef.value.length);
         });
-        const treeMateRef = (0, vue_1.computed)(() => (0, treemate_1.createTreeMate)(selectOptionsRef.value, utils_2.tmOptions));
+        const treeMateRef = (0, vue_1.computed)(() => (0, treemate_1.createTreeMate)(selectOptionsRef.value, utils_1.tmOptions));
         function doUpdateValue(value) {
             const { 'onUpdate:value': _onUpdateValue, onUpdateValue, onInput } = props;
             const { nTriggerFormInput, nTriggerFormChange } = formItem;
@@ -247,7 +245,7 @@ exports.default = (0, vue_1.defineComponent)({
                         default: () => ((0, vue_1.h)(vue_1.Transition, { name: "fade-in-scale-up-transition", appear: this.isMounted }, {
                             default: () => this.active
                                 ? (0, vue_1.withDirectives)((0, vue_1.h)(_internal_1.NInternalSelectMenu, { clsPrefix: mergedClsPrefix, ref: "menuInstRef", theme: this.mergedTheme.peers.InternalSelectMenu, themeOverrides: this.mergedTheme.peerOverrides
-                                        .InternalSelectMenu, "auto-pending": true, class: `${mergedClsPrefix}-auto-complete-menu`, style: this.cssVars, treeMate: this.treeMate, multiple: false, size: "medium", onToggle: this.handleToggle }), [[vdirs_1.clickoutside, this.handleClickOutsideMenu]])
+                                        .InternalSelectMenu, "auto-pending": true, class: `${mergedClsPrefix}-auto-complete-menu`, style: this.cssVars, treeMate: this.treeMate, multiple: false, renderLabel: this.renderLabel, renderOption: this.renderOption, size: "medium", onToggle: this.handleToggle }), [[vdirs_1.clickoutside, this.handleClickOutsideMenu]])
                                 : null
                         }))
                     })

package/lib/back-top/src/BackTop.d.ts

@@ -21,7 +21,7 @@ declare const backTopProps: {
         readonly type: NumberConstructor;
         readonly default: 180;
     };
-    readonly listenTo: PropType<string | HTMLElement | (() => HTMLElement)>;
+    readonly listenTo: PropType<string | HTMLElement | Document | (() => HTMLElement | Document)>;
     readonly 'onUpdate:show': {
         readonly type: FunctionConstructor;
         readonly default: () => void;
@@ -106,7 +106,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: NumberConstructor;
         readonly default: 180;
     };
-    readonly listenTo: PropType<string | HTMLElement | (() => HTMLElement)>;
+    readonly listenTo: PropType<string | HTMLElement | Document | (() => HTMLElement | Document)>;
     readonly 'onUpdate:show': {
         readonly type: FunctionConstructor;
         readonly default: () => void;
@@ -266,7 +266,7 @@ declare const _default: import("vue").DefineComponent<{
     }, any>> | undefined;
     onShow?: (() => void) | undefined;
     onHide?: (() => void) | undefined;
-    listenTo?: string | HTMLElement | (() => HTMLElement) | undefined;
+    listenTo?: string | HTMLElement | Document | (() => HTMLElement | Document) | undefined;
 }>, {
     right: string | number;
     bottom: string | number;

package/lib/calendar/src/Calendar.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
-import type { OnUpdateValue, DateItem } from './interface';
+import type { OnUpdateValue, DateItem, OnPanelChange } from './interface';
 declare const calendarProps: {
     readonly isDateDisabled: PropType<(date: number) => boolean | undefined>;
     readonly value: NumberConstructor;
@@ -8,6 +8,7 @@ declare const calendarProps: {
         readonly type: PropType<number | null>;
         readonly defualt: null;
     };
+    readonly onPanelChange: PropType<OnPanelChange>;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Calendar", {
@@ -700,6 +701,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<number | null>;
         readonly defualt: null;
     };
+    readonly onPanelChange: PropType<OnPanelChange>;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Calendar", {
@@ -1788,6 +1790,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly isDateDisabled?: unknown;
     readonly value?: unknown;
     readonly defaultValue?: unknown;
+    readonly onPanelChange?: unknown;
     readonly 'onUpdate:value'?: unknown;
     readonly onUpdateValue?: unknown;
     readonly theme?: unknown;
@@ -2480,5 +2483,6 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:value"?: MaybeArray<OnUpdateValue> | undefined;
     onUpdateValue?: MaybeArray<OnUpdateValue> | undefined;
     isDateDisabled?: ((date: number) => boolean | undefined) | undefined;
+    onPanelChange?: OnPanelChange | undefined;
 }>, {}>;
 export default _default;

package/lib/calendar/src/Calendar.js

@@ -17,7 +17,7 @@ const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 const calendarProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { isDateDisabled: Function, value: Number, defaultValue: {
         type: Number,
         defualt: null
-    }, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array] });
+    }, onPanelChange: Function, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array] });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Calendar',
     props: calendarProps,
@@ -41,10 +41,22 @@ exports.default = (0, vue_1.defineComponent)({
             uncontrolledValueRef.value = value;
         }
         function handlePrevClick() {
-            monthTsRef.value = (0, date_fns_1.addMonths)(monthTsRef.value, -1).valueOf();
+            var _a;
+            const monthTs = (0, date_fns_1.addMonths)(monthTsRef.value, -1).valueOf();
+            monthTsRef.value = monthTs;
+            (_a = props.onPanelChange) === null || _a === void 0 ? void 0 : _a.call(props, {
+                year: (0, date_fns_1.getYear)(monthTs),
+                month: (0, date_fns_1.getMonth)(monthTs) + 1
+            });
         }
         function handleNextClick() {
-            monthTsRef.value = (0, date_fns_1.addMonths)(monthTsRef.value, 1).valueOf();
+            var _a;
+            const monthTs = (0, date_fns_1.addMonths)(monthTsRef.value, 1).valueOf();
+            monthTsRef.value = monthTs;
+            (_a = props.onPanelChange) === null || _a === void 0 ? void 0 : _a.call(props, {
+                year: (0, date_fns_1.getYear)(monthTs),
+                month: (0, date_fns_1.getMonth)(monthTs) + 1
+            });
         }
         function handleTodayClick() {
             monthTsRef.value = (0, date_fns_1.startOfMonth)(now).valueOf();

package/lib/calendar/src/interface.d.ts

@@ -4,3 +4,7 @@ export interface DateItem {
     month: number;
     date: number;
 }
+export declare type OnPanelChange = (info: {
+    year: number;
+    month: number;
+}) => void;

package/lib/carousel/index.d.ts

@@ -1,2 +1,3 @@
 export { default as NCarousel } from './src/Carousel';
+export { default as NCarouselItem } from './src/CarouselItem';
 export type { CarouselProps } from './src/Carousel';

package/lib/carousel/index.js

@@ -3,6 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NCarousel = void 0;
+exports.NCarouselItem = exports.NCarousel = void 0;
 var Carousel_1 = require("./src/Carousel");
 Object.defineProperty(exports, "NCarousel", { enumerable: true, get: function () { return __importDefault(Carousel_1).default; } });
+var CarouselItem_1 = require("./src/CarouselItem");
+Object.defineProperty(exports, "NCarouselItem", { enumerable: true, get: function () { return __importDefault(CarouselItem_1).default; } });

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

@@ -1,135 +1,351 @@
-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<"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<"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>;
-    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<{
         '--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;
+    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) => void;
+        total: number;
+        currentIndex: number;
+    }>;
+    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;
+    handleClick: (event: MouseEvent) => 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<{
+    defaultIndex?: unknown;
+    currentIndex?: unknown;
     showArrow?: unknown;
-    autoplay?: unknown;
+    dotType?: unknown;
     dotPlacement?: unknown;
+    slidesPerView?: unknown;
+    spaceBetween?: unknown;
+    centeredSlides?: unknown;
+    direction?: unknown;
+    autoplay?: unknown;
     interval?: unknown;
+    loop?: unknown;
+    effect?: unknown;
+    showDots?: unknown;
     trigger?: unknown;
+    transitionStyle?: unknown;
+    transitionProps?: unknown;
+    draggable?: unknown;
+    touchable?: unknown;
+    mousewheel?: unknown;
+    keyboard?: unknown;
+    'onUpdate:currentIndex'?: unknown;
+    onUpdateCurrentIndex?: unknown;
     theme?: unknown;
     themeOverrides?: unknown;
     builtinThemeOverrides?: unknown;
 } & {
+    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: "slide" | "fade" | "custom";
+    showDots: boolean;
+    transitionStyle: Partial<Pick<CSSProperties, "transitionDuration" | "transitionTimingFunction">>;
+    touchable: boolean;
+    mousewheel: boolean;
 } & {
     theme?: 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", {
         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", {
         dotSize: string;
         dotColor: string;
         dotColorActive: string;
+        dotColorFocus: string;
+        dotLineWidth: string;
+        dotLineWidthActive: string;
         arrowColor: string;
     }, any>> | undefined;
+    currentIndex?: number | undefined;
+    transitionProps?: TransitionProps | undefined;
+    "onUpdate:currentIndex"?: ((currentIndex: number, lastIndex: number) => void) | undefined;
+    onUpdateCurrentIndex?: ((currentIndex: number, lastIndex: number) => void) | undefined;
 }>, {
+    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: "slide" | "fade" | "custom";
+    showDots: boolean;
+    transitionStyle: Partial<Pick<CSSProperties, "transitionDuration" | "transitionTimingFunction">>;
+    touchable: boolean;
+    mousewheel: boolean;
 }>;
 export default _default;